使用日期范围选择器时的日期和时间不正确

时间:2021-06-24 18:56:30

I'm using the plugin Date Range Picker plugin with some predefined range. The problem is that the "Last 30 minutes" is not showing the correct date range.

我正在使用具有一些预定义范围的插件日期范围选择器插件。问题是“最后30分钟”没有显示正确的日期范围。

What I expect:

我期待的是:

Say it is January 28, 2016 17:00 pm, When I select last 30 minutes, I expect it to show January 28, 2016 16:30 pm - January 28, 2016 17:00 pm.

说它是2016年1月28日下午17:00,当我选择最后30分钟时,我预计它将显示2016年1月28日16:30 pm - 2016年1月28日17:00 pm。

What I got

我得到了什么

January 28, 2016 12:00 am - January 28, 2016 11:59 pm

2016年1月28日凌晨12:00 - 2016年1月28日晚上11:59

The rest of the predefined template seems to work. Here's a fiddle for you to play.

预定义模板的其余部分似乎有效。这是你演奏的小提琴。

1 个解决方案

#1


2  

You Need to enable the timePicker Feature like this:

您需要启用timePicker功能,如下所示:

$(function() {
      function cb(start, end) {
        $('#reportrange span').html(start.format('MMMM D, YYYY h:mm a') + ' - ' + end.format('MMMM D, YYYY h:mm a'));
      }
      cb(moment().subtract(29, 'days'), moment());
      $('#reportrange').daterangepicker({
      timePicker: true, /*Add this line*/
        ranges: {
          'Last 30 minutes': [moment().subtract(30, 'minutes'), moment()],
          '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')]
        }
      }, cb);
    });

#1


2  

You Need to enable the timePicker Feature like this:

您需要启用timePicker功能,如下所示:

$(function() {
      function cb(start, end) {
        $('#reportrange span').html(start.format('MMMM D, YYYY h:mm a') + ' - ' + end.format('MMMM D, YYYY h:mm a'));
      }
      cb(moment().subtract(29, 'days'), moment());
      $('#reportrange').daterangepicker({
      timePicker: true, /*Add this line*/
        ranges: {
          'Last 30 minutes': [moment().subtract(30, 'minutes'), moment()],
          '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')]
        }
      }, cb);
    });