gpt4 book ai didi

javascript - Bootstrap 日期时间选择器 : can't select "tomorrow" as date

转载 作者:行者123 更新时间:2023-11-29 18:04:22 30 4
gpt4 key购买 nike

让我们以这个最小的例子为例:

<div class="row">
<div class="col-md-12">
<h6>datetimepicker1</h6>

<div class="form-group">
<div class="input-group date" id="datetimepicker">
<input type="text" class="form-control" /> <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
</div>
</div>
</div>
</div>

而JS代码是:

var m = moment(new Date());

$('#datetimepicker').datetimepicker({
minDate: m.add(1, 'days'),
ignoreReadonly: true,
format: 'DD/MM/YYYY',
allowInputToggle: true,
defaultDate: false,
useCurrent: false
});

我们使用 moment.js 获取今天的日期,然后设置日期时间选择器,以便您只能选择从明天开始的日期。

jsFiddle 在这里:http://jsfiddle.net/0Ltv25o8/1794/

我们遇到的问题是,尽管进行了上述设置,用户仍无法选择明天作为日期。它没有变灰,但您尝试选择它但没有任何反应。这是为什么?

最佳答案

只需将 m.add(1, 'days') 替换为 moment() 如下

$('#datetimepicker').datetimepicker({
minDate: moment(),
ignoreReadonly: true,
format: 'DD/MM/YYYY',
allowInputToggle: true,
defaultDate: false,
useCurrent: false
});

Demo

更新:今天是灰色的。

$('#datetimepicker').datetimepicker({
minDate: moment(new Date()).add(1, 'days').startOf('day'),
ignoreReadonly: true,
format: 'DD/MM/YYYY',
allowInputToggle: true,
defaultDate: false,
useCurrent: false
});

Demo

关于javascript - Bootstrap 日期时间选择器 : can't select "tomorrow" as date,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32456753/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com