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

前端之家收集整理的这篇文章主要介绍了基于daterangepicker日历插件使用参数注意的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

显示具体时间时分秒:

timePicker设置为true,//有些资料写的pickerTime不太对

重点大坑:

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

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

      startDate: moment(),// '2013-01-01',maxDate:new Date(),endDate: moment(),//new Date(),dateLimit : {

    days : 30

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

  timePicker : true,//是否<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>小时和分钟

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

  timePicker24Hour : true,//是否使用24小时制来<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>时间

  locale: {//用来设置默认时间<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>格式,各个按钮空间的<a href="https://www.jb51.cc/tag/zhongwen/" target="_blank" class="keywords">中文</a><a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>

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日历插件使用参数注意的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/37263.html

猜你在找的JavaScript相关文章