Question

如何在另一个日期选择器中更改一个日期选择器的设置？

这是我尝试过的

$('#from_date').datepicker({
            autoclose:true,
        }).on('changeDate', function() {
            $('#to_date').datepicker({
                minDate: $('#from_date').val(),
            });
        });

我也尝试过

$('#from_date').datepicker({
                autoclose:true,
            }).on('changeDate', function() {
                $('#to_date').datepicker('option', 'minDate', $('#from_date').val())
            });

如果更改了from_date日期，我想禁用from_date值之前的日期。

感谢您的帮助

Answer 1

尝试setStartDate方法

注意：jquery-ui-datepicker和bootstrap-datepicker不同

$('#from_date').datepicker({
     autoclose:true,
}).on('changeDate', function(e) {
     $('#to_date').datepicker('setStartDate', e.date)
});

Answer 2

您应该使用option API。

像这样使用它：

示例：

$( ".selector" ).datepicker( "option", "disabled", true );

使用您的代码：

$('#to_date').datepicker( "option", "minDate", $('#from_date').val())

如何在日期选择器中更改日期选择器的设置？

2 个答案: