bootstrap datetimepicker 日期范围限制

bootstrap datetimepicker 日期范围限制_第1张图片bootstrap datetimepicker 日期范围限制_第2张图片bootstrap datetimepicker 日期范围限制_第3张图片bootstrap datetimepicker 日期范围限制_第4张图片

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

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


bootstrap-datetimepicker.zh-CN.js  汉化

jsp/html代码  如下:

class="form-group">
class="input-group date form_date mr10"> class="form-control" type="text" value="" id="startDate2">
class="input-group date form_date"> class="form-control" type="text" value="" id="endDate2">
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());
});



你可能感兴趣的:(js,插件)