zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    第03组 Alpha冲刺(3/4)
    第03组 Alpha冲刺(2/4)
    第03组 Alpha冲刺(1/4)
    第08组 Beta版本演示
    第08组 Beta冲刺(4/4)
    第08组Beta冲刺(3/4)
    第08组Beta冲刺(2/4)
    第08组 Beta冲刺(1/4)
    Alpha事后诸葛亮
    第08组 Alpha冲刺(4/4)
  • 原文地址:https://www.cnblogs.com/likui-bookHouse/p/8556266.html
Copyright © 2011-2022 走看看