Daterangepicker 按周选择日期

麦克费思

有没有办法在 daterangepicker 上每周选择?

例如,如果我选择 12 月 5 日,它将选择整周。

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

在此处输入图片说明

如果有人可以帮助非常感谢

丹尼斯·耶辛

您可以为选择星期几创建附加字段,然后您可以在 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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

daterangepicker 没有设置日期

来自分类Dev

AngularJs + DateRangePicker:当我选择日期范围时,我的ng模型没有获得输入文本值

来自分类Dev

如何禁用daterangepicker中的过去日期?

来自分类Dev

如何在daterangepicker中禁用将来的日期

来自分类Dev

CakePHP中的Daterangepicker日期默认为零

来自分类Dev

如何禁用daterangepicker中的过去日期?

来自分类Dev

在DateRangePicker中禁用某些将来的日期

来自分类Dev

在 Bootstrap daterangepicker 中选择开始日期后如何自动选择结束日期

来自分类Dev

按年份选择日期字段?

来自分类Dev

AntD React:在DateRangePicker中禁用特定日期的时间范围

来自分类Dev

如何计算在daterangepicker材质设计中选择的天数?

来自分类Dev

选择预定义范围时防止Daterangepicker关闭

来自分类Dev

按下“应用”按钮后,daterangepicker时间选择器不应用

来自分类Dev

选择日期后从月视图跳至议程周

来自分类Dev

选择日期

来自分类Dev

选择日期格式

来自分类Dev

我正在使用bootstrap daterangepicker如何将日期范围预定义为默认值?

来自分类Dev

使用jQuery DateRangePicker和Datatable的多个日期范围过滤器

来自分类Dev

如何在daterangepicker的日期单元格上添加自定义标题

来自分类Dev

无法正常工作1页上的2个DateRangePicker(反应日期)

来自分类Dev

带有数据表的daterangepicker-无法搜索未来日期

来自分类Dev

daterangepicker 如何获取值并推送 1day 以在输入文本上显示日期

来自分类Dev

JQuery daterangepicker 一些函数应该在一些随机日期上执行

来自分类Dev

在 Daterangepicker 中阻止前几天和当前日期之后的 48 小时

来自分类Dev

如何在 Daterangepicker 选择的 datepicker 1 后设置最多 9 天

来自分类Dev

Bootstrap Daterangepicker时间减法

来自分类Dev

只选择日期字段

来自分类Dev

mysql选择日期之间

来自分类Dev

选择日期查询错误

Related 相关文章

  1. 1

    daterangepicker 没有设置日期

  2. 2

    AngularJs + DateRangePicker:当我选择日期范围时,我的ng模型没有获得输入文本值

  3. 3

    如何禁用daterangepicker中的过去日期?

  4. 4

    如何在daterangepicker中禁用将来的日期

  5. 5

    CakePHP中的Daterangepicker日期默认为零

  6. 6

    如何禁用daterangepicker中的过去日期?

  7. 7

    在DateRangePicker中禁用某些将来的日期

  8. 8

    在 Bootstrap daterangepicker 中选择开始日期后如何自动选择结束日期

  9. 9

    按年份选择日期字段?

  10. 10

    AntD React:在DateRangePicker中禁用特定日期的时间范围

  11. 11

    如何计算在daterangepicker材质设计中选择的天数?

  12. 12

    选择预定义范围时防止Daterangepicker关闭

  13. 13

    按下“应用”按钮后,daterangepicker时间选择器不应用

  14. 14

    选择日期后从月视图跳至议程周

  15. 15

    选择日期

  16. 16

    选择日期格式

  17. 17

    我正在使用bootstrap daterangepicker如何将日期范围预定义为默认值?

  18. 18

    使用jQuery DateRangePicker和Datatable的多个日期范围过滤器

  19. 19

    如何在daterangepicker的日期单元格上添加自定义标题

  20. 20

    无法正常工作1页上的2个DateRangePicker(反应日期)

  21. 21

    带有数据表的daterangepicker-无法搜索未来日期

  22. 22

    daterangepicker 如何获取值并推送 1day 以在输入文本上显示日期

  23. 23

    JQuery daterangepicker 一些函数应该在一些随机日期上执行

  24. 24

    在 Daterangepicker 中阻止前几天和当前日期之后的 48 小时

  25. 25

    如何在 Daterangepicker 选择的 datepicker 1 后设置最多 9 天

  26. 26

    Bootstrap Daterangepicker时间减法

  27. 27

    只选择日期字段

  28. 28

    mysql选择日期之间

  29. 29

    选择日期查询错误

热门标签

归档