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

时间:2016-01-28 13:04:12

标签: javascript jquery momentjs daterangepicker

我使用了一些预定义范围的插件Date Range Picker plugin。问题是"最后30分钟"没有显示正确的日期范围。

我的期望:

说它是January 28, 2016 17:00 pm,当我选择最后30分钟时,我希望它显示January 28, 2016 16:30 pm - January 28, 2016 17:00 pm

我得到了什么

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

预定义模板的其余部分似乎有效。这是a fiddle你可以玩的。

1 个答案:

答案 0 :(得分:2)

您需要启用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);
    });