jquery - 日期范围选择器显示不正确的时间

Question

我正在使用插件Date Range Picker plugin具有一些预定义的范围。我在显示正确时间时遇到一些问题。

我的期望:

假设现在是2016 年 1 月 28 日下午 17:00。当我选择最后 30 分钟时，它显示 2016 年 1 月 28 日 16:30 pm - 2016 年 1 月 28 日 17:00 pm。这是对的。

但是，当2016年1月28日17:05 pm(5分钟后)时，我选择选择最后5分钟，我希望它能给我范围 2016 年 1 月 28 日 17:00 pm - 2016 年 1 月 28 日 17:05 pm。

我得到了什么

2016年1月28日下午16:55 - 2016年1月28日17:00上午

如您所见，它是根据我加载页面的时间而不是当前时间来计算日期差异。我怎样才能达到我想要的结果？

这是a fiddle供你玩。

Answer 1

检查回调中点击范围的名称，并计算那里的时间。

function cb (start, end, label) {
  if (label == 'Last 30 minutes') {
      start = moment().subtract(30, 'minutes');
      end = moment();
  }
  $('#reportrange span').html(start.format('MMMM D, YYYY h:mm a') + ' - ' + end.format('MMMM D, YYYY h:mm a'));
}