javascript - 单击日期选择器中仅突出显示日期的事件

Question

我在日期选择器中更改了突出显示日期的背景颜色

beforeShowDay       : highlightDays, // it add a class name 'highlightdays'

效果很好，但现在我想对这些突出显示的日子进行一些处理，当我点击它们时

我尝试了下面的代码，但它不起作用

    $( ".highlightdays" ).click(function(e) {  
        //..
    } );

我发现我必须使用

onSelect            : afterclick

但这是我的问题，这个函数选择所有日子，甚至非突出显示的日子!

Answer 1

http://jsfiddle.net/3960ykdj/3/

 $("#datepicker2").datepicker({
        onSelect: function (dateString) {
            //string to date
            var date = new Date(dateString);
            //get day
            var d = date.getDate();
            //get TD which contains day as a string
            var $td = $('.ui-datepicker-calendar td a:contains("' + d + '")').parents('td');
            //if is highlightdays: do something
            if($td.hasClass('highlightdays'))            
                alert('do something');
        },
        beforeShowDay: function (date) {
            var myDate = new Date(date);
            var d = date.getDate()
            var cls = '';
            if (d > 20 && d < 25) cls = 'highlightdays';

            return [true, cls, ''];
        }
    });