根据所选选项更改日期时间选择器日期

Question

我有 select 带有一些值的框，在更改选项值时 datepickertime 日期应该像启用和禁用一样更新。如果我 select 准备好移动之前的日期应该被禁用，如果我 select 完成所有日期应该被启用。

我的Html：

<div class="form-input left clearfix">
    <select name="progress" id="progress" class="chosen-select">
        <option value="0">Select Stage</option>
        <option value="ready-to-move">Ready To Move</option>
        <option value="completed">Completed</option>
    </select>
</div>

我的脚本是：

$('#progress').change(function() {
    if ($(this).val() == 'completed') {
        $('#poss').datetimepicker({
            startDate: '01/01/2015',
            format: 'd/m/Y',
            timepicker: false,
        });
    } else {
        $('#poss').datetimepicker({
            minDate: 'today',
            format: 'd/m/Y',
            timepicker: false,
        });
    }
});

如果我 select 第一次完成选项并且在另一个选项之后它运行良好。当我随机更改选项时，条件不起作用。

Answer 1

我想你不必在 if/else 中执行两次：

$('#progress').change(function(){
   $this = $(this);
   $('#poss').datetimepicker({
       startDate: $this.val()=='completed' ? '01/01/2015' : false,
       minDate:$this.val() != 'completed' ? 'today' : false,
       format:'d/m/Y',
       timepicker:false
    });
});

根据所选选项更改日期时间选择器日期

Change datetimepicker dates according to selected option

jquery

datetimepicker