jquery - jQuery UI 日期选择器。

Question

我正在使用 jQuery UI 日期选择器。如何在单击事件上向元素添加类。

下面是我的代码。我究竟做错了什么？

$(function(){

   $('#calendar').datepicker();
   $('#calendar').children('td').click(function(){
         $(this).addClass('selected');
   });

});

Answer 1

无论如何，这是一个快速的解决方案，可以帮助您入门：

var selectedDay = new Date().getDate();

$(function() {
    $("#calendar").datepicker({
        onSelect: function(dateText, inst) {
            // Save the selected day on select (if you show other months dates, you should save the selected month also.)
            selectedDay = inst.selectedDay;
        },
        // This is run for every day visible in the datepicker.
        beforeShowDay: function (date) {
            if (date.getDate() == selectedDay) {
                return [true, "selected", ""]; // Here you set your css class
            } else {
                return [true, ""]
            }
        }
    });
});​

该beforeShowDay函数将负责设置 css 类并将其从其他日子中删除。

当然，您可以扩展它以使用多个选定的日期，这只是为了显示您可以从哪里开始。