daterangepicker日历插件使用详解-tutorial js-php.cn

daterangepicker日历插件使用详解

php中世界最好的语言

Lepaskan： 2018-04-19 16:21:47

asal

4588 orang telah melayarinya

这次给大家带来daterangepicker日历插件使用详解，daterangepicker日历插件使用的注意事项有哪些，下面就是实战案例，一起来看一下。

显示具体时间时分秒：

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

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

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

$(“#dateid”).daterangepicker({
      startDate: moment(),// &#39;2013-01-01&#39;, 
      maxDate:newDate(),
      endDate: moment(),//new Date(),
      dateLimit : {
        days : 30
      },//起止时间的最大间隔
      timePicker :true,//是否显示小时和分钟
      timePickerIncrement : 1,//时间的增量，单位为分钟
      timePicker24Hour :true,//是否使用24小时制来显示时间
      locale: {//用来设置默认时间显示格式,各个按钮空间的中文显示
format:&#39;YYYY/MM/DD HH:mm:ss&#39;,
applyLabel:&#39;确认&#39;,
       cancelLabel:&#39;取消&#39;,
       fromLabel:&#39;从&#39;,
       toLabel:&#39;到&#39;,
       weekLabel:&#39;W&#39;,
       customRangeLabel:&#39;选择时间&#39;,
       daysOfWeek:["日","一","二","三","四","五","六"],
       monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"] 
}
    range: {//设置快捷区间控件,不同的时间段
      "近期": [&#39;2015-04-12&#39;,newDate()]
    }
  },function(start, end, label) {
    alert(&#39;A date range was chosen: &#39;+ start.format(&#39;YYYY-MM-DD&#39;) +&#39; to &#39;+ end.format(&#39;YYYY-MM-DD&#39;));
  }

Salin selepas log masuk

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！