jquery - 用指向单个月份的链接包装 jquery ui datepicker 小部件

Question

我一直在使用 jquery ui datepicker http://api.jqueryui.com/datepicker/并且遇到了一个问题，希望您能提供帮助。目前，我创建了一个多月的日期选择器网格，显示一年中的每个月。我想要做的是更改每个日期选择器的标题，以便月份名称附加一个链接。

想法是单击月份名称会将用户带到另一个页面，其中显示该月份的较大版本。我的问题是如何用链接包装每个日期选择器的标题？

$( '#calendargrid' ).datepicker( { 
     dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], numberOfMonths: [3,4]
});

谢谢。

Answer 1

该插件不支持你想要的，但你可以做一些棘手的代码来允许你想要的行为。

也许在插件设置你的日期选择器之后添加一些类和元素会起作用。或者你可以使用month数组。我做了一些测试，这个数组支持 HTML 代码：

$("#calendargrid").datepicker({
    dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
    numberOfMonths: [3,4]
    monthNames: [
        '<a id="jan" onclick="seeMonth(this.id)">January</a>',
        '<a id="feb" onclick="seeMonth(this.id)">February</a>',
        '<a id="mar" onclick="seeMonth(this.id)">March</a>',
        '<a id="april" onclick="seeMonth(this.id)">April</a>',
        '<a id="may" onclick="seeMonth(this.id)">May</a>',
        '<a id="june" onclick="seeMonth(this.id)">June</a>',
        '<a id="july" onclick="seeMonth(this.id)">July</a>',
        '<a id="aug" onclick="seeMonth(this.id)">August</a>',
        '<a id="sep" onclick="seeMonth(this.id)">September</a>',
        '<a id="oct" onclick="seeMonth(this.id)">October</a>',
        '<a id="nov" onclick="seeMonth(this.id)">November</a>',
        '<a id="dic" onclick="seeMonth(this.id)">December</a>']
});

function seeMonth(monthName) {
    // Redirect the user to the other page
}