bootstrap之datetimepicker使用配置
来源:互联网 发布:云系统卡盟源码 编辑:程序博客网 时间:2024/05/20 05:55
datetimepicker是bootstrap中的一款日期和时间选择器,其使用和配置方法较为简单
首先需要引入和其相关的js和css文件:
<script type="text/javascript" src="/static/lib/js/bootstrap.min.js"></script><script type="text/javascript" src="/static/lib/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script><script type="text/javascript" src="/static/lib/js/bootstrap-datetimepicker.zh-CN.js"></script>
<link href="/static/lib/css/bootstrap-datetimepicker.min.css" rel='stylesheet' type='text/css'>
添加选择器的input输入框:
<input id="birthdayInput" value="2016-09-14">
value值是选择框默认选择的日期,若是动态的,可以在js中用jQuery操作。
js文件中的配置:
$('#birthdayInput').datetimepicker({ format: 'yyyy-mm-dd',//日期的格式 startDate:'1900-01-01',//选择器的开始日期 autoclose:true,//日期选择完成后是否关闭选择框 bootcssVer:3,//显示向左向右的箭头 language:'zh_CN',//语言 minView: "month",//表示日期选择的最小范围,默认是hour});
如需要其他属性可到官网链接中查看 http://www.bootcss.com/p/bootstrap-datetimepicker/
0 0
- bootstrap之datetimepicker使用配置
- BootStrap之datetimepicker插件使用
- 学习使用bootstrap之datetimepicker插件
- bootstrap-datetimepicker之初探
- bootstrap-datetimepicker 的使用
- bootstrap-datetimepicker 的使用
- BootStrap DateTimePicker使用
- Bootstrap-datetimepicker控件使用
- Bootstrap中datetimepicker使用
- BootStrap datetimepicker使用
- bootstrap-datetimePicker 使用笔记
- bootstrap-datetimepicker的使用
- bootstrap-datetimepicker日期插件使用
- node.js开发之bootstrap日期控件(bootstrap-datetimepicker)的使用
- bootstrap datetimepicker
- bootstrap-datetimepicker
- bootstrap-datetimepicker
- Bootstrap-datetimepicker
- PHP 中回调函数的定义
- 经过Base64加密后字符的长度变化
- pip常用命令
- XMind中的流程图该怎么实现快速制作
- 基本概念-1
- bootstrap之datetimepicker使用配置
- ThinkPHP入门_慕课网
- PGM:基于模板的表示
- html中 cookie设置
- JavaScript事件的对象
- 《常见算法和数据结构》元素排序(6)——重头戏:快速排序
- eclipse中项目一般部署路径
- HDU 1272 (并查集)
- iOS10 相机的闪退