datetimepicker用法总结-设置控件只能选择一个月之内的日期

最近写代码遇到一个需求，时间控件开始时间只能选择当前时间之前的一个月的，截止时间不能超过当前时间，搞了好久

今天天贴出来 跟大家分享，顺便总结一下datetimepicker的用法，主要注意startDate属性

$("#startDate").datetimepicker({
        language:  'zh-CN',
        format: "yyyy-mm-dd",
        autoclose: true,
        minView: "month",
        maxView: "decade",
        todayBtn: true,
        pickerPosition: "bottom-left",
        startDate:new Date(new Date()-1000 * 60 * 60 * 24 * 30),
        endDate : new Date()
    }).on("click",function(ev){
        $("#startDate").datetimepicker("setEndDate", $("#endDate").val());
    });
    
    $("#endDate").datetimepicker({
        language:  'zh-CN',
        format: "yyyy-mm-dd",
        autoclose: true,
        minView: "month",
        todayBtn: true,
        pickerPosition: "bottom-left",
        startDate:new Date(new Date()-1000 * 60 * 60 * 24 * 30),
        endDate : new Date()
    }).on("click", function (ev) { 
        $("#endDate").datetimepicker("setStartDate", $("#startDate").val());
    });
    

• 选项属性
  • 1 format 格式
  • 2 weekStart 一周从哪一天开始
  • 3 startDate 开始时间
  • 4 endDate 结束时间
  • 5 daysOfWeekDisabled 一周的周几不能选
  • 6 autoclose 选完时间后是否自动关闭
  • 7 startView 选完时间首先显示的视图
  • 8 minView 最精确的时间
  • 9 maxView 最高能展示的时间
  • 10 todayBtn 当天日期按钮
  • 11 todayHighlight 当天日期高亮
  • 12 keyboardNavigation 方向键改变日期
  • 13 language 语言
  • 14 forceParse 强制解析
  • 15 minuteStep 步进值
  • 16 pickerPosition 选择框位置
  • 17 showMeridian 是否显示上下午
  • 18 initialDate 初始化日期时间