Daterangepicker select 每周日期

Question

有没有办法每周 select 在 daterangepicker 上？

E.g if I select December 5 it will select the whole week.

我试图寻找答案，但一无所获

如果有人能提供帮助，非常感谢

Answer 1

您可以为选择星期几创建额外的字段，然后您可以在 isInvalidDate 函数中使用该字段的值。您还可以跨 parentEl 属性指向公共父元素，并从此获取字段

的访问权限

$(document).ready(function () {
  $('#daterangepicker').daterangepicker({
    parentEl: '.row',
    isInvalidDate: function(date) {
      return parseInt($(this.container).parent().find('select').val()) !== new Date(date).getDay();
    }
  });
});

<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" />

<div class="row">
    <input id="daterangepicker" type="text" />
    <select>
          <option value="1">Mo</option>
          <option value="2">Tu</option>
          <option value="3">We</option>
          <option value="4">Th</option>
          <option value="5">Fr</option>
          <option value="6">Sa</option>
          <option value="0">Su</option>
      </select>
</div>

Daterangepicker select 每周日期

Daterangepicker select date by weekly

daterangepicker