将一年中的一天集成到jQuery ui日期选择器中

Question

基本上我想做的是在一年中每一天的日历下。

在我制作的示例中，当您在文本字段中选择日期时，便获得了一年中的某一天，我希望在打开日历时将其显示在每天的日历下。

谢谢您的帮助。

http://jsbin.com/taxesagaxe/edit?html,js，输出

Answer 1

这是我能想到的最好的方法，因为jQuery的datepicker有一些奇怪的事件：

$("#datepicker").datepicker({
  onChangeMonthYear: function() {
    setTimeout(calcDOY, 1)
  }
}).click(function() {
  calcDOY()
})

function calcDOY() {
  $('table.ui-datepicker-calendar tbody td').each(function() {
    var month = $(this).data('month') + 1;
    var year = $(this).data('year');
    var day = +$(this).find('a').text();

    var now = new Date(month + '/' + day + '/' + year);
    var start = new Date(now.getFullYear(), 0, 0);
    var diff = now - start;
    var oneDay = 1000 * 60 * 60 * 24;
    var dayYear = Math.floor(diff / oneDay);
    $(this).find('a').html($(this).find('a').text() + '<br><span>(' + dayYear + ')</span>');
  })
}

jsFiddle示例