时间戳

首页 > 解决方案 > 禁用结束日期不超过 10 天的日历 javascript

javascript - 禁用结束日期不超过 10 天的日历 javascript

问题描述

我想知道禁用结束日期不超过 10 天。此值选择开始日期动态

示例： 选择开始日期 12/21/2018 选择结束日期（选择超过 10 天的日期） 12/30/2018

startdate 动态到 enddate 10 天此外禁用所有日历长度 1-10 天 / min1 - max10

<script>
    $("#dateFrom").datepicker({
        "onSelect": function () {
            var input = $(this);
            var dayAfter = input.datepicker("getDate");
            dayAfter.setDate(dayAfter.getDate() + +10);
            $("#dateTo").datepicker("option", "minDate", dayAfter);
            $("#dateTo").datepicker("refresh");
        }
    });
    $("#dateTo").datepicker({
        "onSelect": function () {
            var input = $(this);
            $("#dateFrom").datepicker("option", "maxDate", input.datepicker("getDate"));
            $("#dateFrom").datepicker("refresh");
        }
    });
</script>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div> <span>startdate :</span>

    <input type="text" class="datepicker-to" id="dateFrom" name="dateFrom" />
</div>
<div> <span>enddate :</span>

    <input type="text" class="datepicker-to" id="dateTo" name="dateTo" />
</div>

标签： javascriptjqueryjquery-uidatepicker

解决方案

您正在使用 jQuery 日期选择器？这有一个选项。

// Getter
var maxDate = $( ".selector" ).datepicker( "option", "maxDate" );

// Setter
$( ".selector" ).datepicker( "option", "maxDate", "+1m +1w" );

链接到文档。

推荐阅读