Bootstrap Datetimepicker daysOfWeekDisabled 选项不能正常工作
Bootstrap Datetimepicker daysOfWeekDisabled option doesn't work properly
所以我有一个带有日期+时间值的输入(从数据库中获取值),我正在使用 jQuery 日期时间选择器来更改 date/time。
这是我的意见
<div class="input-group form-group td-350">
<div class="input-group date" id="datetimepicker1">
<input type="text" name="new_preffered_date" class="form-control datetimepickers" value="<?= $item->customer_preferred_date->i18nFormat('dd.MM.YYYY HH:mm', 'Europe/Vienna') ?>"/>
<span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
</div>
</div>
这是我的日期时间选择器配置:
<script type="text/javascript" src="/vendors/bower_components/moment/min/moment-with-locales.js"></script>
<script type="text/javascript" src="/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript">
$('.datetimepickers').each(function () {
$(this).datetimepicker({
daysOfWeekDisabled: [0, 6],
format: 'DD.MM.YYYY HH:mm',
locale: 'de',
minDate: new Date(),
});
});
</script>
使用此配置,Datetimepicker 始终将从现在开始的日期时间作为默认值。如果我删除 daysOfWeekDisabled
选项,那么我可以在输入的数据库中看到真实的 date/time。
信息:我从数据库中获取的日期不是周末,而是更新为 now()。
所以我的问题是,如何将日期时间选择器与 daysOfWeekDisabled
选项一起使用,并将数据库中的日期显示为默认值?
日期时间选择器的文档是 http://eonasdan.github.io/bootstrap-datetimepicker/Options/#daysofweekdisabled
在你的代码中你不需要使用每个循环你可以像这样直接使用
$(".datetimepickers").datetimepicker({
daysOfWeekDisabled: [0, 6],
format: 'DD.MM.YYYY HH:mm',
locale: 'de',
defaultDate: "11/1/2013",//pass your database date
minDate: new Date(),
});
将 useCurrent
属性 设置为 false
。它将选择器设置为选定的 date/time 而不是当前的
所以我有一个带有日期+时间值的输入(从数据库中获取值),我正在使用 jQuery 日期时间选择器来更改 date/time。
这是我的意见
<div class="input-group form-group td-350">
<div class="input-group date" id="datetimepicker1">
<input type="text" name="new_preffered_date" class="form-control datetimepickers" value="<?= $item->customer_preferred_date->i18nFormat('dd.MM.YYYY HH:mm', 'Europe/Vienna') ?>"/>
<span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
</div>
</div>
这是我的日期时间选择器配置:
<script type="text/javascript" src="/vendors/bower_components/moment/min/moment-with-locales.js"></script>
<script type="text/javascript" src="/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript">
$('.datetimepickers').each(function () {
$(this).datetimepicker({
daysOfWeekDisabled: [0, 6],
format: 'DD.MM.YYYY HH:mm',
locale: 'de',
minDate: new Date(),
});
});
</script>
使用此配置,Datetimepicker 始终将从现在开始的日期时间作为默认值。如果我删除 daysOfWeekDisabled
选项,那么我可以在输入的数据库中看到真实的 date/time。
信息:我从数据库中获取的日期不是周末,而是更新为 now()。
所以我的问题是,如何将日期时间选择器与 daysOfWeekDisabled
选项一起使用,并将数据库中的日期显示为默认值?
日期时间选择器的文档是 http://eonasdan.github.io/bootstrap-datetimepicker/Options/#daysofweekdisabled
在你的代码中你不需要使用每个循环你可以像这样直接使用
$(".datetimepickers").datetimepicker({
daysOfWeekDisabled: [0, 6],
format: 'DD.MM.YYYY HH:mm',
locale: 'de',
defaultDate: "11/1/2013",//pass your database date
minDate: new Date(),
});
将 useCurrent
属性 设置为 false
。它将选择器设置为选定的 date/time 而不是当前的