当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 基于daterangepicker日历插件使用参数注意的问题

基于daterangepicker日历插件使用参数注意的问题

2017年12月12日  | 移动技术网IT编程  | 我要评论

显示具体时间时分秒：

timepicker设置为true，//有些资料写的pickertime不太对

重点大坑：修改时间默认展示格式,把fomat写在locale中，网上很多资料说直接写在daterangepicker属性中，这样是不生效的。

起止时间可以设置为具体年月日也可以生成当前日期（new date()  或者 moment（）【moment（）方法为moment.js获取当前时间的函数】）

$(“#dateid”).daterangepicker({

　　　　　　startdate: moment(),// '2013-01-01',

      maxdate:new date(),

      enddate: moment(),//new date(),

      datelimit : {

        days : 30

      }, //起止时间的最大间隔

      timepicker : true, //是否显示小时和分钟

      timepickerincrement : 1, //时间的增量，单位为分钟

      timepicker24hour : true, //是否使用24小时制来显示时间

      locale: {//用来设置默认时间显示格式,各个按钮空间的中文显示

format: 'yyyy/mm/dd hh:mm:ss',

applylabel: '确认',

       cancellabel: '取消',

       fromlabel: '从',

       tolabel: '到',

       weeklabel: 'w',

       customrangelabel: '选择时间',

       daysofweek:["日","一","二","三","四","五","六"],

       monthnames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"],

}

    range: {//设置快捷区间控件,不同的时间段

      "近期": ['2015-04-12',new date()]

    }

  }, function (start, end, label) {

    alert('a date range was chosen: ' + start.format('yyyy-mm-dd') + ' to ' + end.format('yyyy-mm-dd'));

  }

以上这篇基于daterangepicker日历插件使用参数注意的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网