当前位置: 代码迷 >> 综合 >> bootstrap-datetimepicker 七天前或后以内的日期选择
  详细解决方案

bootstrap-datetimepicker 七天前或后以内的日期选择

热度:79   发布时间:2024-02-10 12:46:51.0

首先说一下业务需求:

只给用户选取今天到七天之内的日期,比如:今天8月13号,那么我只给用户选择8月19号(包括)以内的日期。

先上代码:

$(".form-date").datetimepicker({language: "zh-CN",weekStart: 1,   //一周从哪一天开始。0(星期日)到6(星期六)todayBtn: 1,autoclose: 1,   //当选择一个日期之后是否立即关闭此日期时间选择器。0->false,1->truetodayHighlight: 1,  //高亮当前日期startView: 2,   //0:当天的当前小时(并且时间间隔为15分钟),1:当天的小时(时间间隔为一小时),2:天数 3:月份 4:年份minView: 0,     //日期时间选择器所能够提供的最精确的时间选择视图forceParse: 0,  //当选择器关闭的时候,是否强制解析输入框中的值。也就是说,当用户在输入框中输入了不正确的日期,选择器将会尽量解析输入的值,并将解析后的正确值按照给定的格式format设置到输入框中。startDate:new Date(),endDate:"+7d",format: "yyyy-mm-dd hh:ii"});

在这里插入图片描述

可以看到用户只能选七天以内的日期
两个参数:

开始日期:startDate:new Date(),
结束日期:endDate:"+7d"

如果想选前一个星期内的日期:

开始日期:startDate:"-7d",
结束日期:endDate:new Date()

在这里插入图片描述

  相关解决方案