首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

将bootstrap-datepicker限制为仅限工作日?

可以使用Bootstrap-Datepicker的minDatemaxDate属性来限制其选择的时间范围,具体实现如下:

代码语言:javascript
复制
$(function () {
    $('#datetimepicker').datetimepicker({
        format: 'YYYY-MM-DD',
        minDate: new Date(), // 设定为今天
        maxDate: new Date(2023, 5, 20), // 设定为2023年5月20日
        startDate: new Date(2023, 5, 1), // 设定为2023年5月1日
        endDate: new Date(2023, 5, 21) // 设定为2023年5月21日
    });
});

在上面的代码中,minDatemaxDate属性分别指定了允许选择的时间范围的开始和结束日期。startDateendDate属性则分别指定了允许选择的时间范围的开始和结束日期,如果为空,则使用minDatemaxDate属性。

需要注意的是,如果选择了超过maxDate的日期,则该日期会被自动设置为minDate,反之亦然。因此,如果需要选择的时间范围不包括周末,则可以将minDatemaxDate都设置为今天,或者一个不包括周末的日期。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Install Jumpserver39

Copying '/opt/jumpserver/apps/static/css/patterns/shattered.png' Copying '/opt/jumpserver/apps/static/css/patterns/triangular.png' Copying '/opt/jumpserver/apps/static/css/plugins/bootstrap.min.css' Copying '/opt/jumpserver/apps/static/css/plugins/inputTags.css' Copying '/opt/jumpserver/apps/static/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css' Copying '/opt/jumpserver/apps/static/css/plugins/cropper/cropper.min.css' Copying '/opt/jumpserver/apps/static/css/plugins/datatables/datatables.min.css' Copying '/opt/jumpserver/apps/static/css/plugins/datatables/datatables.min.css.bak' Copying '/opt/jumpserver/apps/static/css/plugins/datepicker/datepicker3.css' Copying '/opt/jumpserver/apps/static/css/plugins/dropzone/basic.css' Copying '/opt/jumpserver/apps/static/css/plugins/dropzone/dropzone.css' Copying '/opt/jumpserver/apps/static/css/plugins/footable/footable.core.css' Copying '/opt/jumpserver/apps/static/css/plugins/footable/fonts/footable.eot' Copying '/opt/jumpserver/apps/static/css/plugins/footable/fonts/footable.svg' Copying '/opt/jumpserver/apps/static/css/plugins/footable/fonts/footable.ttf' Copying '/opt/jumpserver/apps/static/css/plugins/footable/fonts/footable.woff' Copying '/opt/jumpserver/apps/static/css/plugins/fullcalendar/fullcalendar.css' Copying '/opt/jumpserver/apps/static/css/plugins/fullcalendar/fullcalendar.print.css' Copying '/opt/jumpserver/apps/static/css/plugins/iCheck/custom.css' Copying '/opt/jumpserver/apps/static/css/plugins/iCheck/green.png' Copying '/opt/jumpserver/apps/static/css/plugins/iCheck/green@2x.png' Copying '/opt/jumpserver/apps/static/css/plugins/images/sort.png' Copying '/opt/jumpserver/apps/static/css/plugins/images/sort_asc.png' Copying '/opt/jumpserver/apps/static/css/plugins/images/sort_desc.png' Copying '/opt/jumpserver/apps/static/css/plugins/images/sprite-skin-flat.png' Copying '/opt/jumpserver/apps/static/css/plugins/images/sprite-skin-flat2.png' Copying '/opt/jumpserver/apps/static/css/plugins/images/sprite-skin-nice.png' Copying '/opt/jump

01
领券