bootstrap-datepicker 设置开始时间小于结束

页面自行引入 jquery.min.js / bootstrap.min.js / datepicker.css  / bootstrap-datepicker.js 等

 

页面结构:

<div class="span6">
                                        <div class="control-group">
                                            <div class="part-left">
                                                <label class="control-label">启用时间:</label>
                                                <div class="controls">
                                                    <div data-date="" id="startTimeDiv" class="input-append date datepicker">
                                                        <input name="startTime" id="startTime" value="" style="width: 150px;" data-date-format="yyyy-mm-dd" readonly="readonly" class="span11 form_datetime" type="text">
                                                        <span class="add-on"><i class="icon-th"></i></span>
                                                    </div>
                                                    -
                                                    <div data-date="" id="endTimeDiv" class="input-append date datepicker">
                                                        <input name="endTime" id="endTime" value="" style="width: 150px;" data-date-format="yyyy-mm-dd" readonly="readonly" class="span11 form_datetime"  type="text">
                                                        <span class="add-on"><i class="icon-th"></i></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

js:

$("#startTimeDiv").datetimepicker({
        format: 'yyyy-mm-dd',
        minView:'month',
        language: 'zh-CN',
    }).on("click",function(){
        $("#startTimeDiv").datetimepicker("setEndDate",$("#endTime").val())
    });
    $("#endTimeDiv").datetimepicker({
        format: 'yyyy-mm-dd',
        minView:'month',
        language: 'zh-CN',
    }).on("click",function(){
        $("#endTimeDiv").datetimepicker("setStartDate",$("#startTime").val())
    });

 

效果图:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值