jquery中使用datepicker限制開始日期小於結束日期

//這是開始日期的操作

$("#endTime").datepicker({

                  //此處寫自定義的參數操作  如showOtherMonths: true, selectOtherMonths: true,

                onSelect: function (dateText, inst) {

                   //$("#begTime").datepicker("option ", "maxDate", new Date(dateText.replace("- ", ",")));//這是默認的日期,如12/2/2011

                    $("#begTime").datepicker("option ", "maxDate", new Date(dateText.replace("- ", "-")));//這裏是改過的日期格式,2011-12-2
                }
            });

//這是結束日期的操作

 $("#begTime").datepicker({
                onSelect: function (dateText, inst) {
                    $("#endTime").datepicker("option", "minDate", new Date(dateText.replace("-", "-")));
                }
            });

//點擊確定按鈕出現模式對話框,選擇開始日期和結束日期

    <input id="Button1" type="button" value="確定" />
        <div id="putDate" title="輸入日期">
            <span>請輸入開始日期:</span>
            <input type="text" id="begTime" class="ui-widget-content ui-corner-all" />
            <span>請輸入結束日期:</span>
            <input type="text" id="endTime" class="ui-widget-content ui-corner-all" />
        </div>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章