JQuery UI日期选择器 - 将类添加到所有选定的

时间:2013-08-07 14:15:35

标签: jquery jquery-ui jquery-ui-datepicker

我正在尝试在两个特定日期之间为每个<td>添加一个类。这是我的代码;

http://jsfiddle.net/7Q4Bt/171/

$(function() {

  $(".checkin-date__input").attr("placeholder", "mm-dd-yyyy").datepicker({
        dateFormat: "MM d yy",
        minDate: +1,
        showOn: "focus",
        numberOfMonths: 2
    }).on("change", function(e) {
        var curDate = $(this).datepicker("getDate");
        $(this).datepicker("setDate", curDate);
        if($('.checkin-date__input').datepicker("getDate")) {
            $( ".checkout-date__output" ).datepicker( "option", "minDate", $('.checkin-date__input').datepicker("getDate") );
        };
    });

    $(".checkout-date__output").attr("placeholder", "mm-dd-yyyy").datepicker({
        dateFormat: "MM d yy",
        minDate: +1,
        showOn: "focus",
        numberOfMonths: 2
    }).on("change", function(e) {
        var curDate = $(this).datepicker("getDate");
        $(this).datepicker("setDate", curDate);
        if($('.checkin-date__input').datepicker("getDate")) {
            $( ".checkout-date__output" ).datepicker( "option", "minDate", $('.checkin-date__input').datepicker("getDate") );
        };
        if($('.checkout-date__output').datepicker('getDate')) {
            console.log($('.ui-datepicker'));
            $('.ui-datepicker').find('.ui-datepicker-current-day').prevAll('td:not(".ui-datepicker-unselectable")').addClass('someClass');
        }
    });

第二个输入受到输入第一个输入的日期的限制。

0 个答案:

没有答案