我的项目中有一个日期时间选择器,每当我在下拉列表中选择不同的选项时,我都需要更新最小日期。目前我有:
<div id="howManydays"></div>
<select id="ago">
<option value="7">week</option>
<option value="31">month</option>
<option value="365">year</option>
</select>
对于我的下拉列表和日期时间选择器是:
<div class='input-group date' id='startDateTimeDiv'>
<input id="startDateTimeSelection" type='text' class="form-control" name="startDateTimeSelection" style="width: 250px;" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
<!-- bootstrap date time pickers -->
<script type="text/javascript">
$(function() {
$('#startDateTimeDiv').datetimepicker({
format : 'YYYY-MM-DD HH:mm:ss',
minDate : moment().subtract(document.getElementById("ago").value, 'd').format( 'YYYY-MM-DD'),
maxDate : moment().add(1, 'd').format('YYYY-MM-DD'),
widgetPositioning :
{
horizontal : 'right',
vertical : 'bottom'
}
});
});
</script>
当我改变下拉菜单的值时,选择器仍然锁定在过去7天。任何帮助都将不胜感激。
1条答案
按热度按时间f8rj6qna1#
如果使用的是bootstrap 3,则可以使用.options():
注意:您不需要使用**.format('YYYY-MM-DD')**,因为您使用的是矩对象。
第一次