使用 Bootstrap DateTimePicker上的下拉列表更新minDate

pexxcrt2  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(1)|浏览(163)

我的项目中有一个日期时间选择器,每当我在下拉列表中选择不同的选项时,我都需要更新最小日期。目前我有:

<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天。任何帮助都将不胜感激。

f8rj6qna

f8rj6qna1#

如果使用的是bootstrap 3,则可以使用.options()

$('#ago').selectpicker().on('change', function(e) {
     var x = this.value;
     $('#startDateTimeDiv').data("DateTimePicker").options({
         minDate : moment().subtract(x, 'd'),
         maxDate : moment().add(1, 'd')
     });
 });

注意:您不需要使用**.format('YYYY-MM-DD')**,因为您使用的是矩对象。
第一次

相关问题