jQuery的日期選擇器日期選擇問題

-1

直播網站 - http://www.danfords.com/jQuery的日期選擇器日期選擇問題

我使用2種不同的書現在形成了（你可以看到它在右上角），一個桌面版本&一個是平板電腦/智能手機版本（調整瀏覽器窗口，然後現在預訂表格將會崩潰）。

平板電腦/智能手機版本日期選取器阻止了過去的日期，因此您無法選擇今天之前的日期。另外，如果您選擇了將來的日期進行登記，那麼當您選擇結賬時，它會阻止先前的日期，因此您不必再次查找這些日期。

但是，這不適用於桌面版本的形式。任何想法如何解決它？

來源

2014-01-13 arifix

在這裏發佈您的代碼。我們沒有人會在您的網站上挖掘它。 – Mathletics

它只適用於您的移動版本到達領域，因爲這是唯一一個你宣佈minDate。

$("#datepicker").datepicker({ 
    minDate:0, 
    defaultDate: "+1w", 
    changeMonth: true, 
    numberOfMonths: 1, 
    onClose: function(selectedDate) { 
     $("#datepicker2").datepicker("option", "minDate", selectedDate); 
    } 
});

您需要到minDate:0,行添加到您$("#datepicker3") datpicker初始化爲好，像這樣。

$("#datepicker3").datepicker({ 
    minDate:0, 
    defaultDate: "+1w", 
    changeMonth: true, 
    numberOfMonths: 1, 
    onClose: function(selectedDate) { 
     $("#datepicker4").datepicker("option", "maxDate", selectedDate); 
    } 
}); 


$("#datepicker4").datepicker({ 
    defaultDate: "+1w", 
    changeMonth: true, 
    numberOfMonths: 1, 
    onClose: function(selectedDate) { 
     $("#datepicker3").datepicker("option", "maxDate", selectedDate); 
    } 
});

還要注意我做了一些修正，以您的OnClose事件以及，datepicker3和datepicker4是指回日期選擇器，這是不正確。這甚至會根據其相關日期選擇器中選擇的日期更新其他日期選擇器啓用和禁用日期。

來源

2014-01-13 14:51:28 erikrunia

非常感謝。我很感激。 – arifix

在您的site.js文件中，您只添加了智能手機Datepicker輸入字段的minDate方法。您還必須爲桌面日期選擇器輸入字段設置此設置。像這樣：

jQuery(document).ready(function($) { 
    $('#datepicker, #datepicker2, #datepicker3, #datepicker4').datepicker({ 
    minDate: 0, 
});

來源

2014-01-13 14:46:40 user2025427

jQuery的日期選擇器日期選擇問題

回答

相關問題