jquery-ui-datepickerの各日付を日付付きのカスタムハイパーリンクにする必要があります。

Question

jquery datepickerを使用しており、毎日カレンダーリンクのページを作成する必要があります。

たとえば、12 Janの日付をクリックすると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

datepickerには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>