Question

我正在寻找一个仅显示当前星期以及用户选择多个日期的日期选择器。

此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')); });

Answer 1

您可能需要将bootstrap datetimepicker插件更改为bootstrap datepicker插件。

$(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

对其进行测试

仅启用了当前工作日的多个日期选择器

1 个答案: