根据所选选项更改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 }); });更多推荐
发布评论