在Bootstrap datepicker中仅启用当前工作日?

时间:2015-12-03 10:19:40

标签: twitter-bootstrap-3 datepicker

我想在Bootstrap日期选择器中仅启用当前工作日,并且我想禁用所有剩余天数。

我试过以下链接,但不是本周。

$('#datepicker').datepicker({
    daysOfWeekDisabled: [0,2,3,4,5,6]
});

http://jsfiddle.net/vj77M/124/

2 个答案:

答案 0 :(得分:0)

自从你问过这已经有一段时间了,但这是我设法做到这一点的方式,也许可以帮助其他人:

日历输入:

<div class="form-group">
    <div class='input-group date pickWeek'>
        <input type='text' class="form-control" />
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
</div>

然后脚本(供我使用,我必须禁用星期日并将语言环境设置为pt-br):

<script type="text/javascript">
    $(function () {
        $('.pickWeek').datetimepicker({
            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'));
    });
</script>

小提琴:http://jsfiddle.net/as8033qy/3/

答案 1 :(得分:0)

你可以这样 HTML部分

<input id="dateID" type="date" />

JS

<script type="text/javascript">
        var dtToday = new Date();
        var month = dtToday.getMonth() + 1;
        var day = dtToday.getDate();
        var minday = dtToday.getDate() - 7;
        var year = dtToday.getFullYear();
        if (month < 10)
            month = '0' + month.toString();
        if (day < 10)
            day = '0' + day.toString();
        var maxDate = year + '-' + month + '-' + day;
        var minDate = year + '-' + month + '-' + minday;
        $('#dateID').attr('max', maxDate);
        $('#dateID').attr('min', minDate);
    </script>