如何在 Bootstrap 日期选择器中设置动态最大结束日期

Question

我在我的网站上使用以下日期选择器来选择开始和结束日期：

https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

规则是：

• 开始日期可以在今天和 + 30 天之间，不能再多了
• 结束日期不能超过所选开始日期后 1 年

所以当表单加载时，我将 endDate 选项设置为“+1y -1d”，效果很好。但是，例如，如果客户选择 +30 天的开始日期，我需要将第二个字段上的 endDate 选项再次扩展到“当前开始日期 +1y -1d”。

我已经开始编写代码，但真的不知道如何实现：

<script type="text/javascript">
    $(function() {

        $(".startdate").datepicker({
            format: 'd MM yyyy',
            startDate: '+0d',
            endDate: '+30d',
            autoclose: true,
            startView: 0,
            minViewMode: 0,
            todayHighlight: true,
            orientation: "top"
        });
        $(".enddate").datepicker({
            format: 'd MM yyyy',
            startDate: '+1d',
            endDate: '+1y -1d',
            autoclose: true,
            startView: 0,
            minViewMode: 0,
            todayHighlight: true,
            orientation: "top"
        });

        $("#startdate").change(function() {

            var startdate = new Date (  $("#startdate").val() ) ;
            //alert(startdate);
            var newendatemaximum;

            $(".enddate").datepicker({
                endDate: ???????
            });
        });

    });
</script>

正在进行的解决方案：

$(".startdate").change(function() {
            //alert("start date change");
            var newendatemaximum = new Date (  $(".startdate").val() ) ;
            newendatemaximum.setYear(newendatemaximum.getFullYear() + 1);
            alert(newendatemaximum);
            $(".enddate").datepicker("option", "endDate", newendatemaximum);
        });

Answer 1

您不必使用 json 来设置日期选择器选项。您可以直接设置它们。一旦有了要用作 javascript 日期的新最大日期，您就可以直接设置该选项：

    $("#startdate").change(function() {
        var newendatemaximum = new Date (  $("#startdate").val() ) ;
        newendatemaximum.setYear(newendatemaximum.getFullYear() + 1);
        $(".enddate").datepicker("option", "endDate", newendatemaximum);
    });