根据所选选项更改datetimepicker日期

时间:2016-01-11 09:04:40

标签: jquery datetimepicker

我选择了包含一些值的框,在更改选项值时,datepickertime日期应该更新,如启用和禁用。如果我选择准备移动以前的日期应该禁用,如果我选择完成所有日期应该启用。

我的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,
        });
    }
});

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

1 个答案:

答案 0 :(得分:0)

我想你不必在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
    });
});