当前位置: 首页 > news >正文

Eonasdan bootstrap datetimepicker 使用记录

开始用的 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 

转载于:https://www.cnblogs.com/dudu/p/8252576.html

相关文章:

  • 新版本Jenkins安装时显示离线的问题
  • WEBGL学习【十四】利用HUD技术在网页上方显示三维物体
  • Hibernate映射——多对多关联映射(八)
  • kafka官方文档学习笔记1--基本概念了解
  • [TLSR8266] 1、搭建tlsr8266编译框架在win服务器中
  • net 自定义泛型那点事
  • Android Studio 解决 Error: /data/local/tmp/com.mazaiting.imgtomp4test安装失败问题
  • CSS选择器:伪类(图文详解)
  • Netty 框架总结「ChannelHandler 及 EventLoop」
  • 我的Java设计模式-中介者模式
  • debian配置node和nodejs环境
  • iOS开发CoreData的多表关联
  • [xsy2369]取名字
  • c3p0和druid性能测试过程中sybase卡死的问题解决过程记录
  • Alamofire上传文件
  • docker-consul
  • eclipse(luna)创建web工程
  • es6(二):字符串的扩展
  • mysql 5.6 原生Online DDL解析
  • PHP 使用 Swoole - TaskWorker 实现异步操作 Mysql
  • 从伪并行的 Python 多线程说起
  • 高程读书笔记 第六章 面向对象程序设计
  • 将回调地狱按在地上摩擦的Promise
  • 来,膜拜下android roadmap,强大的执行力
  • 如何设计一个微型分布式架构?
  • 如何在GitHub上创建个人博客
  • 学习Vue.js的五个小例子
  • 学习使用ExpressJS 4.0中的新Router
  • 一些关于Rust在2019年的思考
  • 在 Chrome DevTools 中调试 JavaScript 入门
  • 走向全栈之MongoDB的使用
  • 06-01 点餐小程序前台界面搭建
  • Unity3D - 异步加载游戏场景与异步加载游戏资源进度条 ...
  • ​iOS实时查看App运行日志
  • ​LeetCode解法汇总2304. 网格中的最小路径代价
  • #DBA杂记1
  • $分析了六十多年间100万字的政府工作报告,我看到了这样的变迁
  • (06)金属布线——为半导体注入生命的连接
  • (day6) 319. 灯泡开关
  • (WSI分类)WSI分类文献小综述 2024
  • (非本人原创)我们工作到底是为了什么?​——HP大中华区总裁孙振耀退休感言(r4笔记第60天)...
  • (附源码)php投票系统 毕业设计 121500
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (牛客腾讯思维编程题)编码编码分组打印下标(java 版本+ C版本)
  • (十一)手动添加用户和文件的特殊权限
  • (学习日记)2024.04.04:UCOSIII第三十二节:计数信号量实验
  • (转)ORM
  • (转)使用VMware vSphere标准交换机设置网络连接
  • (转)项目管理杂谈-我所期望的新人
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .apk文件,IIS不支持下载解决
  • .NET Core中的去虚
  • .Net 路由处理厉害了
  • .NET(C#) Internals: as a developer, .net framework in my eyes
  • .Net的DataSet直接与SQL2005交互