我正在寻找一个日期选择器,只显示当前的一周与用户的多个日期选择。
此jsfiddle仅启用当前周,但没有多个日期选择。
我尝试过multidate:true,但它不起作用。有什么方法可以添加吗?或者这是不可能的?所以我要继续我要改变我的计划。
我已经试了一个星期了,但是没有成功。
JavaScript代码:
$(function () { $('.pickWeek').datetimepicker({
multidate:true,
locale: 'pt-br',
format: "DD/MM/YYYY",
sideBySide: true,
daysOfWeekDisabled: [0] });
$('.pickWeek').data("DateTimePicker").minDate(moment().startOf('week'));
$('.pickWeek').data("DateTimePicker").maxDate(moment().endOf('week')); });
发布于 2019-03-22 04:06:00
您可能需要将引导日期选择器插件更改为引导日期选择器插件。
$(function () {
$('.pickWeek').datepicker({
locale: 'pt-br',
format: "dd/mm/yyyy",
sideBySide: true,
daysOfWeekDisabled: [0],
multidate:true,
startDate:moment().startOf('week').toDate(),
endDate:moment().endOf('week').toDate()
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/locale/pt-br.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
Mulitple Date Selection
<div class="form-group">
<div class='input-group date pickWeek'>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input type='text' class="form-control" />
</div>
</div>
我已经在jsfiddle上添加了这两个示例,您可以使用here对其进行测试
https://stackoverflow.com/questions/55287115
复制相似问题