日期选择器在特定日期之前禁用

Dauezevy

我有两个日期选择器,包括开始日期和结束日期。

当第一次约会时chosed,我想之前选定的第一次约会的,在结束日期日期禁用。也请在今天之后禁用。

开始日期 结束日期

布莱恩·亚当斯(Bryan Adams)

您可以通过这种方式进行操作。

<input type="text" name="dateFrom" id="dateFrom" readonly="true" value="" class="textbox" />
<input type="text" name="dateTo" id="dateTo" readonly="true" value="" class="textbox" />


<script type="text/javascript">
$(document).ready(function () {
        $("#dateFrom").datepicker({
            onClose: function () {
                $("#dateTo").datepicker(
                    "change", {
                    minDate: new Date($('#dateFrom').val())
                });
               $("#dateFrom").datepicker({dateFormat: "dd/mm/yy"});
            }
        });

        $("#dateTo").datepicker({
            onClose: function () {
                $("#dateFrom").datepicker(
                    "change", {
                    maxDate: new Date($('#dateTo').val())
                });
                $("#dateTo").datepicker({dateFormat: "dd/mm/yy"});
            }
        });
    });
</script>

请参阅此处的工作示例。https://jsfiddle.net/jjLhca9o/

编辑:

请参阅更新的jsFiddle:http : //jsfiddle.net/jjLhca9o/5/

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

引导程序日期选择器的颜色特定日期

来自分类Dev

使用日期选择器禁用今天之前的日期

来自分类Dev

使用日期选择器禁用今天之前的日期

来自分类Dev

禁止选择特定日期之前的日期

来自分类Dev

如何涂黑一周中的特定日期(日期选择器)[VB]

来自分类Dev

引导日期选择器配置以阻止特定日期(节假日)

来自分类Dev

默认情况下,在日期选择器中设置特定日期

来自分类Dev

如何涂黑一周中的特定日期(日期选择器)[VB]

来自分类Dev

默认情况下,在日期选择器中设置特定日期

来自分类Dev

Javascript - 使用自定义按钮将日期选择器设置为特定日期

来自分类Dev

在将日期添加到特定日期时,随机日期计算引导数据选择器

来自分类Dev

禁用日期JDates选择器

来自分类Dev

jQuery:启用/禁用日期选择器

来自分类Dev

在日期选择器中选择后禁用日期

来自分类Dev

选择特定日期时,日期选择器在下拉菜单中显示不同的值

来自分类Dev

选择特定日期时,日期选择器在下拉菜单中显示不同的值

来自分类Dev

基金会日期选择器-禁用将来的日期

来自分类Dev

如何在日期选择器中禁用某些日期

来自分类Dev

Angular Bootstrap日期选择器-禁用日期

来自分类Dev

在日期选择器中禁用过去的日期

来自分类Dev

禁用日期选择器中的先前日期

来自分类Dev

PickMeUp日期选择器-禁用日期数组

来自分类Dev

Angular Bootstrap日期选择器-禁用日期

来自分类Dev

引导日期选择器未禁用以前的日期

来自分类Dev

在引导日期选择器中禁用过去的日期

来自分类Dev

在日期选择器上禁用日期的问题

来自分类Dev

根据一个日期选择器的选定日期设置多个日期选择器的值

来自分类Dev

根据一个日期选择器的选定日期设置多个日期选择器的值

来自分类Dev

选择特定日期的数据

Related 相关文章

  1. 1

    引导程序日期选择器的颜色特定日期

  2. 2

    使用日期选择器禁用今天之前的日期

  3. 3

    使用日期选择器禁用今天之前的日期

  4. 4

    禁止选择特定日期之前的日期

  5. 5

    如何涂黑一周中的特定日期(日期选择器)[VB]

  6. 6

    引导日期选择器配置以阻止特定日期(节假日)

  7. 7

    默认情况下,在日期选择器中设置特定日期

  8. 8

    如何涂黑一周中的特定日期(日期选择器)[VB]

  9. 9

    默认情况下,在日期选择器中设置特定日期

  10. 10

    Javascript - 使用自定义按钮将日期选择器设置为特定日期

  11. 11

    在将日期添加到特定日期时,随机日期计算引导数据选择器

  12. 12

    禁用日期JDates选择器

  13. 13

    jQuery:启用/禁用日期选择器

  14. 14

    在日期选择器中选择后禁用日期

  15. 15

    选择特定日期时,日期选择器在下拉菜单中显示不同的值

  16. 16

    选择特定日期时,日期选择器在下拉菜单中显示不同的值

  17. 17

    基金会日期选择器-禁用将来的日期

  18. 18

    如何在日期选择器中禁用某些日期

  19. 19

    Angular Bootstrap日期选择器-禁用日期

  20. 20

    在日期选择器中禁用过去的日期

  21. 21

    禁用日期选择器中的先前日期

  22. 22

    PickMeUp日期选择器-禁用日期数组

  23. 23

    Angular Bootstrap日期选择器-禁用日期

  24. 24

    引导日期选择器未禁用以前的日期

  25. 25

    在引导日期选择器中禁用过去的日期

  26. 26

    在日期选择器上禁用日期的问题

  27. 27

    根据一个日期选择器的选定日期设置多个日期选择器的值

  28. 28

    根据一个日期选择器的选定日期设置多个日期选择器的值

  29. 29

    选择特定日期的数据

热门标签

归档