使用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号。 });
相关网址:
中文:http://www.bootcss.com/p/bootstrap-datetimepicker/
英文:https://bootstrap-datepicker.readthedocs.io/en/stable/options.html