bootstrap datetimepicker的参数解释

使用bootstrap datetimepicker（日期时间选择器）的过程中，发现中文参数说明和英文参数说明严重不符，所以结合自己使用的情况和英文参数说明，做了如下翻译。

     $(".form_datetime input[id^='tab1_input_delivery_']").datetimepicker({
     language: 'zh-CN',//中文支持
     format: 'yyyy-mm-dd',//年-月-日 时:分:秒（hh表示24小时制，可以用0补齐，日期和时间中间是空格）
     weekStart: 1,//每周从周一开始，默认周日
     //startDate:'2017-07-07',//可选的最早日期，禁用更早的日期
     //endDate:'2017-07-15',//可选的最晚日期，禁用更晚的日期
     //daysOfWeekDisabled:'0,6',//禁用一周中的某一天，周日用0表示，多天之间用逗号分隔
     autoclose: 1,//选择好日期时间之后是否立即关闭此日期时间选择器。默认false
     //startView:2,//日期时间选择器打开之后首先显示的视图。默认值：2, 'month'.
     minView: 2,//最精确的日期选择视图。最小是0，表示可选到某一天某小时的某分钟数，具体步长看minuteStep。1表示可选到某一天的整点数，2表示可选到某个月的某一天。虽然3,4应该是对应的更高层次，但是实际还是只能显示到某个月的某一天，这与format或其他还有关。
     // minView与官网不同，官网对MinViewMode的解释：Accepts: 0 or “days” or “month”,1 or “months” or “year”, 2 or “years” or “decade”, 3 or “decades” or “century”, and 4 or “centuries” or “millenium”. Gives the ability to pick only a month, a year or a decade.
     maxView: 4,//最大的日期选择视图。最大是4，表示decade，十年。
     todayBtn: true,//如果此值为true 或 "linked"，则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。没看出来官网说的跳转和选中的区别。
     todayHighlight: 1,//高亮当前日期，默认false
     keyboardNavigation: true,//是否允许通过方向键改变日期。默认值: true
     forceParse: true,//当选择器关闭的时候，是否强制解析（自动纠错）输入框中的值。默认true。
     //minuteStep: 5,//分钟的最小步进值。默认5分钟。
     pickerPosition: "bottom-left",//设置选择器与图标的相对位置，默认"bottom-right"据中文网说也可将选择器放到输入框下方，不知道怎么做。官网没有这个属性。
     //showMeridian: 0,//是否将24小时上下均分成两份。默认false。true会影响到24小时制的显示，会有歧义。
     //initialDate:"new Date()",//默认值是new Date()，1899年12月31号。
     });

cquptzzq

bootstrap datetimepicker的参数解释

导航

公告