禁用天jquery日期選擇器

開始日期和結束日期。

我正試圖在開始日期的選定日期之下禁用「結束日期」日期選擇器中的日期。

我嘗試下面的代碼：

$(function() { 
    $("#datepicker1").datepicker({ 
     dateFormat: "mm/dd/yy" , 
    showOn: "both", 
    buttonImage: "images/cal.gif", 
    buttonImageOnly: true,onSelect: function(selected) { 
     $("#datepicker2").datepicker("option","minDate", selected); 
    } 
    }); 
    }); 
    $(function() { 

    $("#datepicker2").datepicker({ 
     dateFormat: "mm/dd/yy" , 
    showOn: "both", 
    buttonImage: "images/cal.gif", 
    buttonImageOnly: true,onSelect: function (selected) { 

    } 
    }); 

    });

是當選擇開始日期的日期只禁用。

保存後（頁面重新加載），現在啓用了先前禁用的日期。

現在用戶可以在結束日期的開始日期之前選擇日期。

謝謝！

來源

2014-02-14 user3173392

初始化'＃datepicker2'時，您從來沒有設置'minDate'選項，這樣你能指望什麼？您只需將其作爲初始化的一部分，使用＃datepicker1的當前選定日期。 –

謝謝你，它在初始化minDate後datepicker 2 – user3173392

嘗試onClose，而不是像onSelect

$("#datepicker1").datepicker({ 
    dateFormat: "mm/dd/yy" , 
    showOn: "both", 
    buttonImage: "images/cal.gif", 
    buttonImageOnly: true, 
    onClose: function (selectedDate) { 
     $("#datepicker2").datepicker("option", "minDate", selectedDate); 
    } 
});

看到這個FIDDLE

來源

2014-02-14 10:03:28 Gautam3164

問題仍然存在，保存細節後，日期再次啓用。 – user3173392

然後最初禁用第二個日期選擇器，並啓用只有當第一次被選中 – Gautam3164

它的工作，我設置minDate在＃datepicker2和禁用外側選擇，謝謝！ – user3173392

禁用天jquery日期選擇器

回答

相關問題