在日期范围时间选择器中未显示用于编辑的“秒”问题

时间:2018-10-30 05:39:32

标签: jquery bootstrap-4

在日期时间范围选择器中,当编辑日期时,显示的字段用于编辑“秒”(请参阅​​链接1),但是当我使用日期范围选择器时,没有显示要编辑的秒(请参见链接2)。您能告诉我什么是错误的,在日期范围选择器中进行编辑时显示秒数的解决方案是什么?

Link 1- Date time range picker 

https://jsfiddle.net/5fv6bdps/265/

Link 2- Date range picker 

https://jsfiddle.net/rLnycn80/1849/

2 个答案:

答案 0 :(得分:0)

daterangepicker文档中所述,添加'timePickerSeconds:true'以在时间选择器中显示秒。请找到有效的jsfiddle link

$('input[name="daterange"]').daterangepicker({
    timePicker: true,
    timePickerSeconds: true,
    timePickerIncrement: 30,
    locale: {
      format: 'MM-DD-YYYY hh:mm:ss a',
      /* "separator": "|" */
      "separator": " - "
    },
    ranges: {
      'Today': [moment(), moment()],
      'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
      'Last 7 Days': [moment().subtract(6, 'days'), moment()],
      'Last 30 Days': [moment().subtract(29, 'days'), moment()],
      'This Month': [moment().startOf('month'), moment().endOf('month')],
      'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
    }
  });

答案 1 :(得分:0)

删除脚本中的滚动部分

$(function() {
$('input[name="daterange"]').daterangepicker({
    timePicker: true,
    timePickerIncrement: 30,
    locale: {
        format: 'MM-DD-YYYY hh:mm:ss a',
        /* "separator": "|" */
        separator: " - "
    },
    ranges: {
       'Today': [moment(), moment()],
       'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
       'Last 7 Days': [moment().subtract(6, 'days'), moment()],
       'Last 30 Days': [moment().subtract(29, 'days'), moment()],
       'This Month': [moment().startOf('month'), moment().endOf('month')],
       'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
    }
  });

});