Bootstrap-datepicker禁用当天之前/之后的日期

1、禁用当天之前的日期

$(‘[data-plugin="datepicker"]‘).datepicker({
    startDate : new Date()
});

2、禁用当天之后的日期

$(‘[data-plugin="datepicker"]‘).datepicker({
    endDate : new Date()
});

3、只能选择当天之前、且一年(365天)以内的日期

$(‘[data-plugin="datepicker"]‘).datepicker({
    startDate: new Date(new Date()-1000 * 60 * 60 * 24 * 365),
    endDate : new Date()
});

4、以上效果图用到的其他配置:

$(‘[data-plugin="datepicker"]‘).datepicker({
    autoclose: true, // 选择后自动关闭选择器
    format: "yyyy-mm-dd", // 日期格式
    language: "zh-CN", // 中文
    todayBtn : "true", // 显示"今日"按钮
    todayHighlight: true, // 高亮"今日"
    daysOfWeekHighlighted: [0,6], // 高亮周六日
    startDate : new Date() // 禁用今日之前的日期
});

更多配置、事件可查询官网:https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#title

原文地址:https://www.cnblogs.com/mankii/p/10794542.html

时间: 2024-10-10 11:12:37

Bootstrap-datepicker禁用当天之前/之后的日期的相关文章

【Bootstrap】Bootstrap Datepicker使用

插件:http://url.cn/V4S8w4 1.添加样式和引用JS文件 <link href="CSS/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.9.1.js" type="text/javascript"></script> &

bootstrap datepicker属性设置 以及方法和事件

DatePicker支持鼠标点选日期,同时还可以通过键盘控制选择: page up/down - 上一月.下一月 ctrl+page up/down - 上一年.下一年 ctrl+home - 当前月或最后一次打开的日期 ctrl+left/right - 上一天.下一天 ctrl+up/down - 上一周.下一周 enter - 确定选择日期 ctrl+end - 关闭并清除已选择的日期 escape - 关闭并取消选择 实用功能: $.datepicker.setDefaults( set

Html5 native DatePicker和Bootstrap DatePicker的冲突问题

1. Html5 native DatePicker和Bootstrap DatePicker 支持Html5 native DatePicker的浏览器有:Chrome, Opera 11+, Opera Mobile, and iOS 5+,参考http://caniuse.com/#feat=input-datetime Bootstrap.JQuery UI都提供DatePicker组件,本文以Bootstrap为例,https://bootstrap-datepicker.readth

查出在当天所处的日期区间的某些数据

现要做报表,要查出在当天所处的日期区间的某些数据 ,sql语句该怎么写? 就是说 无法直接输入日期,日期得在其他表的start date 和 end date 中获得. select * from a  where a.time between        (select b.startdate           from b b          where sysdate between startdate and enddate)    and (select b.enddate   

bootstrap框架禁用谷歌字体

bootstrap框架禁用谷歌字体 H5框架换字体.png

antDesign DatePicker 禁用日期

const disabledDate = (current) => { return current < moment().subtract(29, 'days') || current > moment(); }; // 只能选近30天的日期 <DatePicker disabledDate={disabledDate} /> 原文地址:https://www.cnblogs.com/sameen/p/10737213.html

修改DailyRollingFileAppender类及其父类源码,解决以日期作为日志文件名时,当天的文件没有日期后缀

题记------学习别人的精髓,并加以总结,消化吸收,这就是提高!!!  DailyRollingFileAppender生成的文件是不带时间戳的,必须在某个时间点后,才对原来文件加上时间戳进行重命名,这样就有很大的问题,当天的日志,没有时间戳,而且如果在log4j.properties配置文件路径采用log4j.appender.dailyFile.File=E:/logs/log_或者log4j.appender.dailyFile.File=${webapp.root}/WEB-INF/l

Bootstrap datepicker 在弹出窗体modal中不工作

解决办法 在 show 方法后面 添加 下面一段代码 $('#modalCard').modal('show');—例子 打开 弹出窗体 //$('#modalCard').modal('hide'); $('#modalCard').on('shown.bs.modal', function () { //$('.input-group.date').datetimepicker({ $('#dpReceiveDate').datetimepicker({ format: "yyyy-MM-d

mniui里面没有只显示年的控件,monthpicker显示年月,datepicker显示具体到天的日期

spinner无法出现下拉框,只能一下下的点击. combobox可以出现下拉框,但是一般情况是从url后台取值. 现在可以自己在js里定义需要的值. <td><input id="gender" name="gender" class="mini-combobox" data="Genders"/></td> <script type="text/javascript&qu