這里是使用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>