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


這里是使用Jquery插件實現的,這段代碼來自於網絡。感覺很實用,就做筆記記錄下來。

原文:http://blog.csdn.net/tianyacao8025/article/details/7073385

//這是開始日期的操作

$("#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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM