jquery中使用datepicker限制开始日期小于结束日期的操作

  jquery自身提供了日历操作的功能,但之前一直在用My97DatePicker日历的操作,每次使用都要导入文件夹和提供的库,看着令人厌烦,这两天琢磨了一下

  jq的日历控件的操   作,比起之前所用,代码是多写了点,但毕竟是jq本身的,不会出现一些意料之外的问题,下面是代码的展示,本人属于菜鸟级,写的不好,往各位大侠多指点批评微笑

//这是开始日期的操作

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

以上就是实现功能的部分代码,功能是完成了,但还有不尽人意之处,找了半天,没找到弹出的日历框的清空按钮,总之不如之前所用的操作方便难过


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值