1 2

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>

 

posted @ 2018-03-13 13:56  大海的泡沫  阅读(2054)  评论(0编辑  收藏  举报
1 2