首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >仅启用当前周天数的多日期选择器

仅启用当前周天数的多日期选择器
EN

Stack Overflow用户
提问于 2019-03-22 02:35:27
回答 1查看 703关注 0票数 0

我正在寻找一个日期选择器,只显示当前的一周与用户的多个日期选择。

jsfiddle仅启用当前周,但没有多个日期选择。

我尝试过multidate:true,但它不起作用。有什么方法可以添加吗?或者这是不可能的?所以我要继续我要改变我的计划。

我已经试了一个星期了,但是没有成功。

JavaScript代码:

代码语言: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')); });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-22 04:06:00

您可能需要将引导日期选择器插件更改为引导日期选择器插件。

代码语言:javascript
复制
$(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()
        });
    });
代码语言:javascript
复制
<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对其进行测试

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55287115

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档