bootstrap datetimepicker 日期范围限制

5 篇文章 0 订阅

只显示截止到今天一年的日期

一、引入需要的文件,css,js


bootstrap-datetimepicker.zh-CN.js  汉化

jsp/html代码  如下:

<div class="form-group">
    <label class="control-label">开始日期:</label>
    <div class="input-group date form_date mr10">
        <input class="form-control" type="text" value="" id="startDate2">
    </div>
    <label class="control-label">结束日期:</label>
    <div class="input-group date form_date">
        <input class="form-control" type="text" value="" id="endDate2">
    </div>
</div>
js代码如下:

$('#startDate2').datetimepicker({
    language:"zh-CN", //汉化
    todayBtn : "true",  //显示今天按钮
    autoclose : true,   //选择日期后自动关闭日期选择框
    todayHighlight : true,   //当天高亮显示
    minView: "month",   //不显示时分秒
    showMeridian: 1,
    pickerPosition: "bottom-left",
    startDate:new Date(new Date()-1000 * 60 * 60 * 24 * 365),  //只显示一年的日期365天
    endDate : new Date()
}).on('click',function(e){
    $("#startDate2").datetimepicker("setEndDate", $("#endDate2").val());
});
$('#endDate2').datetimepicker({
    language:"zh-CN",
    todayBtn : "true",
    autoclose : true,
    todayHighlight : true,
    minView: "month",
    pickerPosition: "bottom-left",
    startDate:new Date(new Date()-1000 * 60 * 60 * 24 * 365),
    endDate : new Date()
}).on('click',function(e){
    $("#endDate2").datetimepicker("setStartDate", $("#startDate2").val());
});



  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值