javascript - 一年中的某一天集成到 jquery ui 日期选择器中

Question

基本上我想要做的就是在日历中的每一天下显示一年中的某一天。

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

感谢您的帮助。

http://jsbin.com/taxesagaxe/edit?html,js,output

Answer 1

这是我能想到的最好的办法，因为 jQuery 的日期选择器有一些奇怪的事件:

$("#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 example