首页 > 解决方案 > 在日期范围时间选择器中未显示“秒”以进行编辑的问题

问题描述

在日期时间范围选择器中,当编辑日期时,会显示编辑“秒”的字段(参见链接 1),但是当我使用日期范围选择器时,没有显示用于编辑的秒数(参见链接 2)。你能告诉我有什么问题吗?在日期范围选择器中编辑时显示秒的解决方案是什么?

Link 1- Date time range picker 

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

Link 2- Date range picker 

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

标签: jquerybootstrap-4

解决方案


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

$('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')]
    }
  });

推荐阅读