我需要使jquery-ui-datepicker中的每个日期都是带有日期的自定义超链接
我需要使jquery-ui-datepicker中的每个日期都是带有日期的自定义超链接
提问于 2017-08-01 04:33:58
我使用的是jquery datepicker，需要让日历中的每一天都链接到一个页面。
因此，例如，如果您单击日期Jan 12，它将链接到http://myurl.com/12-01-17，或者对于Feb 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>回答 1
Stack Overflow用户
回答已采纳
发布于 2017-08-01 04:45:20
只需对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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45424818
复制相关文章
相似问题
腾讯云开发者
