wrap jquery ui datepicker widgets со ссылкой на отдельный месяц

Question

Я использую jQuery ui datepicker http://api.jqueryui.com/datepicker/ и столкнулся с проблемой, на которую, надеюсь, вы сможете помочь. На данный момент я создал ежемесячную сетку датпикеров, показывающую каждый месяц в году. То, что я хочу сделать, это изменить заголовок каждого дампикера, чтобы имя месяца привязывалось к ссылке.

Идея состоит в том, что нажатие на имя месяца приведет пользователя к другой странице, на которой показана большая версия этого месяца. Мой вопрос: как я могу обернуть заголовок каждого datepicker ссылкой?

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

Thanks.

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 
}