Javascript 引导datetimepicker:无法选择“明天”作为日期
让我们举一个最小的例子:Javascript 引导datetimepicker:无法选择“明天”作为日期,javascript,momentjs,bootstrap-datetimepicker,Javascript,Momentjs,Bootstrap Datetimepicker,让我们举一个最小的例子: <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=
<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>
我们使用moment.js获取今天的日期,然后设置datetimepicker,以便您只能选择从明天开始的日期
JSFIDLE在这里:
我们遇到的问题是,尽管有上述设置,用户无法选择明天作为日期。它没有变灰,但您尝试选择它,但什么也没有发生。为什么会这样?只需将m.add1“天”替换为如下所示的时刻
更新:今天是灰色的
$('#datetimepicker').datetimepicker({
minDate: moment(new Date()).add(1, 'days').startOf('day'),
ignoreReadonly: true,
format: 'DD/MM/YYYY',
allowInputToggle: true,
defaultDate: false,
useCurrent: false
});
问题是日期的时间部分。你的思维被设定在明天和第二天之间的某个时间点上 只需删除时间部分,就可以使用moment.js的startOf解决您的问题
但通过这种方式,今天不会在日历中显示为灰色,这可能会让用户感到困惑。
$('#datetimepicker').datetimepicker({
minDate: moment(),
ignoreReadonly: true,
format: 'DD/MM/YYYY',
allowInputToggle: true,
defaultDate: false,
useCurrent: false
});
$('#datetimepicker').datetimepicker({
minDate: moment(new Date()).add(1, 'days').startOf('day'),
ignoreReadonly: true,
format: 'DD/MM/YYYY',
allowInputToggle: true,
defaultDate: false,
useCurrent: false
});
var m = moment(new Date());
$('#datetimepicker').datetimepicker({
minDate: m.add(1, 'days').startOf('day'),
ignoreReadonly: true,
format: 'DD/MM/YYYY',
allowInputToggle: true,
defaultDate: false,
useCurrent: false
});