bootstrap3 时间日期选择器
来源:互联网 发布:不宜乐乎的乐怎么读 编辑:程序博客网 时间:2024/04/26 09:22
http://eonasdan.github.io/bootstrap-datetimepicker/
下载css&js
https://github.com/Eonasdan/bootstrap-datetimepicker
引入CSS
<link href="/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
引入JS
<script src="/static/js/moment.min.js"></script>
<script src="/static/js/bootstrap-datetimepicker.min.js"></script>
datetimepicker css &js 分别放在bootstrap css&js 后面
将input 放到span或div内
<span class="glyphicon glyphicon-time"></span> <label for="start_time"> 开始时间: </label> <span> <input id="strtime" data-date-format="YYYY-MM-DD HH:mm:ss" name="strtime" > </span>
初始化
$('#strtime,#endtime').datetimepicker({
pickDate: true, //en/disables the date picker
pickTime: true, //en/disables the time picker
useMinutes: true, //en/disables the minutes picker
useSeconds: true, //en/disables the seconds picker
useCurrent: true, //when true, picker will set the value to the current date/time
minuteStepping: 1, //set the minute stepping
pick12HourFormat: false,
lang: 'cn'
});
- bootstrap3 时间日期选择器
- 时间选择器和日期选择器
- 自定义日期时间选择器
- 日期时间选择器:datetimepicker
- JS日期时间选择器
- 时间日期选择器
- 时间日期选择器、对话框
- 日期时间选择器:datetimepicker
- 日期与时间选择器
- 日期-时间选择器
- 日期跟时间选择器
- android 日期时间选择器
- Android 日期时间选择器
- 自定义日期时间选择器
- 日期、时间选择器
- 3.5 时间日期选择器
- android 日期时间选择器
- Android 时间日期选择器
- 补码表示的大数加减乘除运算程序设计
- 没开通百度钱包的,福利来了,初次使用百度转账即可获5元返现
- linux下gcc编译器的使用
- GetSafeHwnd概述
- Hbase数据导入方案
- bootstrap3 时间日期选择器
- oc - 9 NSRange CGPoint CGSize CGRect
- opencv2均值漂移算法
- jsp技术之购物车---delete.jsp
- 监听Home键点击事件
- java按行分割大文件
- Binary Tree Level Order Traversal
- BootLoader作用
- MVC下autocomplete插件的使用