根据所选选项更改datetimepicker日期(Change datetimepicker dates according to selected option)

根据所选选项更改datetimepicker日期(Change datetimepicker dates according to selected option)

我有一些值的选择框，在更改选项值时，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, }); } });

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

I have select box with some values, on change of option values datepickertime dates should be update like enable and disable. if I selected the ready to move previous dates should be disable, if I selected completed all dates should be enabled.

My 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>

My script is:

$('#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, }); } });

If I select completed option for first time and after another option it is working well. When I change the options randomly condition is not working.

最满意答案

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

I suppose you don't have to do it two times in 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 }); });