zoukankan      html  css  js  c++  java
  • 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号。
         });

    相关网址:

    中文:http://www.bootcss.com/p/bootstrap-datetimepicker/

    英文:https://bootstrap-datepicker.readthedocs.io/en/stable/options.html

  • 相关阅读:
    网络爬虫基础练习
    词频统计预处理
    将博客搬至CSDN
    内核探测工具systemtap简介(转)
    常用汉字的Unicode码表
    随机生成登录时的验证码图片
    response中用outputstream输出中文问题
    ServletContext读取web应用中的资源文件
    ServletContext
    URL描述web资源访问流程
  • 原文地址:https://www.cnblogs.com/cquptzzq/p/8143429.html
Copyright © 2011-2022 走看看