Question

$("input[name='MyDaterange']").daterangepicker({
  ranges: {
    'This Week': [moment().day("Sunday"), moment().day("Saturday")],
    'This Month': [moment().startOf('month'), moment().endOf('month')],
    'This Year': [moment().startOf('year'), moment().endOf('year')],
    'Year to Date': [moment().startOf('year'), moment()]
  },
  maxDate: moment() // this is required
});

<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

<input type="text" name="MyDaterange" id="MyDaterange" value="" />

我正在使用daterangepicker选择预定义的日期。当我选择年初至今时，另一个选项今年将突出显示。

如何仅激活被单击的范围。
这是daterangepicker的错误吗？

代码：

$("input[name='MyDaterange']").daterangepicker({
  ranges: {
    'This Week': [moment().day("Sunday"), moment().day("Saturday")],
    'This Month': [moment().startOf('month'), moment().endOf('month')],
    'This Year': [moment().startOf('year'), moment().endOf('year')],
    'Year to Date': [moment().startOf('year'), moment()]
  },
  maxDate: moment() // this is required
});

Answer 1

由于您添加了maxDate: moment()，这意味着不计算今天之后的所有日期，这意味着：

选择“今年”时，您将从1月1日到今天。
当您选择“年初至今”时，您将从1月1日到今天。

它们是相同的，并且由于插件会检查开始日期和结束日期以检查激活范围，因此“今年”将始终是第一次激活。

解决方案：

从今天开始使用maxDate =删除“今年”，这并不是真的有用

DateRangePicker-所选日期范围未正确突出显示

1 个答案: