需要使 jquery-ui-datepicker 中的每个日期成为带有日期的自定义超链接

Question

我正在使用 jquery datepicker 并且需要在日历中的每一天都链接到一个页面。

例如，如果您点击 1 月 12 日的日期，它将链接到 http://myurl.com/12-01-17，或者在 2 月 2 日，它将链接到 http://myurl.com/2-02-17。

    jQuery( function() {
    jQuery("#datepicker").datepicker({
                    prevText: "<",
                    nextText: ">",
                    dayNamesMin: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ],
                    dateFormat: 'd MM yy',
                    showOtherMonths: true,
                    selectOtherMonths: true,
    });
});


<div id="datepicker"></div>

<a href="http://my-url.com/DATEPICKER DATE HERE"></a>

Answer 1

只需使用日期选择器的 onSelect 选项。

$(function(){
  $( "#datepicker" ).datepicker({
    dateFormat: "dd-mm-yy",
    onSelect: function (date) {
      window.location="http://my-url.com/"+date.toString();
      //date.toString() is now in dd-mm-yyyy format, change it to meet your requirements
    }
  });

});

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<p>Date: <input id="datepicker" type="text"></p>
<a id="link" href="http://my-url.com/DATEPICKER DATE HERE">click me</a>