Eonasdan bootstrap datetimepicker 使用记录
2024-10-19 04:30:04
开始用的 bootstrap日期选择控件是 bootstrap-datepicker :
$('#visit_date').datepicker({
todayHighlight: true,
startDate: '+1d',
format: 'yyyy/mm/dd',
language: 'zh-CN',
orientation: 'bottom right',
autoclose: 'true'
});
后来需要支持时间选择,改用了 eonasdan-bootstrap-datetimepicker :
$('#visit_date').datetimepicker({
locale: 'zh-CN',
minDate: moment().add(1, 'days').hours(9).startOf('hour'),
format: 'YYYY/MM/DD hh:mm',
daysOfWeekDisabled: [1],
reenabledDates: ['2018-04-30', '2018-06-18', '2018-09-24', '2018-10-01'],
enabledHours: [9, 10, 11, 12, 13, 14, 15, 16, 17]
});
它是基于 momentjs 实现的。
locale 设置当前的语言。
minDate 设置允许选择的最早时间,比如上面的示例设置为第2天早上9:00。
format 日期时间格式(就是 momentjs 支持的格式),比如上面的示例格式对应的时间是 2018/01/10 09:00 。
daysOfWeekDisabled 禁止选择周几,比如上面的示例禁止选择周一。
enabledHours 限制可以选择的时间,比如上面的示例只允许选择 9:00 ~ 17:00 。
reenabledDates 是我修改源代码实现的(详见博问) ,允许选择被 daysOfWeekDisabled 禁止的日期,在 github 上提交 pull request 时才发现 Eonasdan 已另起炉灶。
This repo is no longer actively monitor or supported. All future work is being done to https://github.com/tempusdominus/bootstrap-3
最新文章
- Mac OSX下卸载Nodejs
- Java的反射机制(Reflection)
- 【Codeforces 722C】Destroying Array (数据结构、set)
- 深入研究 蒋金楠(Artech)老师的 MiniMvc(迷你 MVC),看看 MVC 内部到底是如何运行的
- hdu4604 deque
- C# 数据类型详解
- 用hibernate自动创建mysql表,添加失败org.hibernate.exception.SQLGrammarException
- HDU 5387 Clock
- 镜面电火花EDM加工技术资料,模具行业的人应该好好看看!
- jQuery 快速结束当前动画
- Python文件读写 - 文件r+ a+ open读写实际表现[示例]
- Java基本语法-----java运算符的优先级与结合性
- 分享一个VueCli 3.0的项目模板
- HDU2034
- Oracle 中sql文件的导入导出
- C++ 容器之 list的使用
- Git学习笔记:基础篇
- Java 笔试题(一)
- 菜鸟教程之工具使用(三)——Maven自动部署到Tomcat
- centos 专题-各种配置应有尽有
热门文章
- NDK配置
- unity3d的playmaker插件使用教程,三、对象出入触发,声音播放
- Spring Boot 2.0 利用 Spring Security 实现简单的OAuth2.0认证方式2
- ES6,Array.find()和findIndex()函数的用法
- 【Java】浅谈Java IO
- Asp.Net 合并图片(二维码和其他图片合并)
- spring中定时任务quartz2.2.3
- BitTorrent Sync 基于BT的文件同步
- Java知多少(88)列表和组合框
- 性能优化系列八:MYSQL的配置优化