JS如何使用第一个日期选择器的minDate动态填充第二个日期选择器

安德烈·基武(Andrei Chivu)

如何填充2个日期选择器?第二个日期选择器必须至少具有第一个日期选择器的值。这是我现在的代码:

selector.dtmDlgLimitFrom.attr('readonly', true).datepicker({
    changeMonth: true,
    changeYear: true,
    minDate: dateToday,
    yearRange: "0:+100"
});   
selector.dtmDlgLimtTo.attr('readonly', true).datepicker({
    changeMonth: true,
    changeYear: true,
    minDate: selector.dtmDlgLimitFrom.datepicker("getDate"),
    yearRange: "0:+100"
});
阿克鲁瓦拉

您需要在第一个日期选择器上设置“ onSelect”事件,以便在第二个日期选择器中设置最小日期。

在日期选择器中选择任何日期时,将填充onSelect事件。

使用.dtpicker(“ option”)在日期选择器中动态设置提示。

$("#idOfFirstDtPicker").datepicker({
    changeMonth: true,
    changeYear: true,
    minDate: new Date(),
    yearRange: "0:+100",
    onSelect: function(dateText, inst) {
        $("#idOfSecondDtPicker").datepicker('option', 'minDate', $("#idOfFirstDtPicker").datepicker("getDate"));
    }
});   
$("#idOfSecondDtPicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "0:+100"
});

在这里,如果您想将今天设置为第二个日期选择器的默认提示,那么您也可以像在第一个日期选择器中一样直接在此处设置提示属性。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

根据第一个日期选择器设置第二个日期选择器的minDate

来自分类Dev

日期选择器,第二个日期是从第一个日期起的X天

来自分类Dev

flatpickr:将第二个日期选择器的日期设置为第一个日期选择器的日期

来自分类Dev

根据第一个有角度的日期选择器更改第二个日期选择器中的月份

来自分类Dev

在第二个日期选择器之后设置第一个日期选择器中的日期时,更新日期选择器中的日期(角度)

来自分类Dev

html 日期选择器根据第一个日期字段中的选定日期限制第二个日期字段中的日期

来自分类Dev

2 个字段的验证 Laravel:第一个是日期选择器,第二个是选择

来自分类Dev

根据Codeigniter中第一个选择器的用户输入动态加载第二个引导选择器

来自分类Dev

添加第二个日期选择器,

来自分类Dev

从我应用了 jquery 日期时间选择器的第二个文本中选择日期后,它会更改第一个文本框中的日期

来自分类Dev

在表格中第一个tr的倒数第二个td中选择按钮-使用jQuery选择器

来自分类Dev

如何通过Selenium webdriver处理Abhibus回程的第二个日期选择器?

来自分类Dev

为什么在自动打开第二个日期选择器上第一次更改月份时日期选择器会显示同一个月

来自分类Dev

单击第二个日期选择器时如何获取两个日期选择器之间的日期差?

来自分类Dev

如何选择一个日期选择器的minDate到用户选择的日期

来自分类Dev

如何将 30 天添加到第一个日期选择器,将其显示在第二个日期选择器上。并将 3 天添加到 2nd ,显示在 3rd 上?

来自分类Dev

jQuery日期选择器-从第一个日期选择器中选择之后禁用日期

来自分类Dev

根据选择的第一个选择器的哪一行来更改第二个和第三个选择器视图

来自分类Dev

根据选择的第一个选择器的哪一行来更改第二个和第三个选择器视图

来自分类Dev

第一个日期是第二个的minDate

来自分类Dev

如何在jQuery中基于第一个日期选择器更改日期选择器日期

来自分类Dev

引导日期选择器-突出显示第一个选定的日期

来自分类Dev

向 jQuery UI 日期选择器添加第二个日期格式不起作用

来自分类Dev

如何设置一个日期选择器选择的日期是扑扑另一个日期选择器的第一日期

来自分类Dev

引导日期选择器从另一个日期选择器更改minDate / startDate

来自分类Dev

选择第一个日期后禁用过去的日期日期选择器

来自分类Dev

jQuery - 如何使用一个具有“$(this)”作为选择器的函数,但 $(this) 在第二个函数中具有作用域

来自分类Dev

使用angular js根据第一个选择的选项过滤第二个选择框

来自分类Dev

引导日期选择器:设置第一个日期后禁用过去的日期

Related 相关文章

  1. 1

    根据第一个日期选择器设置第二个日期选择器的minDate

  2. 2

    日期选择器,第二个日期是从第一个日期起的X天

  3. 3

    flatpickr:将第二个日期选择器的日期设置为第一个日期选择器的日期

  4. 4

    根据第一个有角度的日期选择器更改第二个日期选择器中的月份

  5. 5

    在第二个日期选择器之后设置第一个日期选择器中的日期时,更新日期选择器中的日期(角度)

  6. 6

    html 日期选择器根据第一个日期字段中的选定日期限制第二个日期字段中的日期

  7. 7

    2 个字段的验证 Laravel:第一个是日期选择器,第二个是选择

  8. 8

    根据Codeigniter中第一个选择器的用户输入动态加载第二个引导选择器

  9. 9

    添加第二个日期选择器,

  10. 10

    从我应用了 jquery 日期时间选择器的第二个文本中选择日期后,它会更改第一个文本框中的日期

  11. 11

    在表格中第一个tr的倒数第二个td中选择按钮-使用jQuery选择器

  12. 12

    如何通过Selenium webdriver处理Abhibus回程的第二个日期选择器?

  13. 13

    为什么在自动打开第二个日期选择器上第一次更改月份时日期选择器会显示同一个月

  14. 14

    单击第二个日期选择器时如何获取两个日期选择器之间的日期差?

  15. 15

    如何选择一个日期选择器的minDate到用户选择的日期

  16. 16

    如何将 30 天添加到第一个日期选择器,将其显示在第二个日期选择器上。并将 3 天添加到 2nd ,显示在 3rd 上?

  17. 17

    jQuery日期选择器-从第一个日期选择器中选择之后禁用日期

  18. 18

    根据选择的第一个选择器的哪一行来更改第二个和第三个选择器视图

  19. 19

    根据选择的第一个选择器的哪一行来更改第二个和第三个选择器视图

  20. 20

    第一个日期是第二个的minDate

  21. 21

    如何在jQuery中基于第一个日期选择器更改日期选择器日期

  22. 22

    引导日期选择器-突出显示第一个选定的日期

  23. 23

    向 jQuery UI 日期选择器添加第二个日期格式不起作用

  24. 24

    如何设置一个日期选择器选择的日期是扑扑另一个日期选择器的第一日期

  25. 25

    引导日期选择器从另一个日期选择器更改minDate / startDate

  26. 26

    选择第一个日期后禁用过去的日期日期选择器

  27. 27

    jQuery - 如何使用一个具有“$(this)”作为选择器的函数,但 $(this) 在第二个函数中具有作用域

  28. 28

    使用angular js根据第一个选择的选项过滤第二个选择框

  29. 29

    引导日期选择器:设置第一个日期后禁用过去的日期

热门标签

归档