Jquery-ui-1.7.2想突出发送和返回日期之间的日期

时间:2014-01-21 06:49:18

标签: javascript jquery css jquery-ui calendar

我在我的项目中使用Jquery-ui 1.7.2日历。我的日历有Jquery-ui-1.7.2.js和Jquery-ui-1.7.2.css。

当我选择拾取和返回日期时,两者都以红色显示。但是,我还想在我的日历中用我选择的颜色突出显示这两者之间的日期。

请帮我解决问题。

1 个答案:

答案 0 :(得分:1)

<强> Working Fiddle

试试这个:

$(".datepicker").datepicker({
        minDate: 0,
        numberOfMonths: [12,1],
        beforeShowDay: function(date) {
            var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
            var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
            return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];
        },
        onSelect: function(dateText, inst) {
            var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
            var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
            if (!date1 || date2) {
                $("#input1").val(dateText);
                $("#input2").val("");
                $(this).datepicker();
            } else {
                $("#input2").val(dateText);
                $(this).datepicker();
            }
        }
    });