bootstrap-datetimepicker日期时间选择插件中文说明

bootstrap-datetimepicker日期时间选择插件

git项目地址：https://github.com/smalot/bootstrap-datetimepicker

官网地址：http://www.malot.fr/bootstrap-datetimepicker/

下载地址：https://github.com/smalot/bootstrap-datetimepicker/archive/master.zip

此项目是bootstrap-datetimepicker 项目 的一个分支，原项目不支持 Time选择。
其它部分也进行了改进、增强，例如load过程增加了对 ISO-8601 日期格式的支持。
文档是拷贝/粘贴字原项目的文档，并且加入了更多细节说明。

使用说明：

1. 引入文件：

<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

2.使用基于bootstrap的日期选项框样式

<div class="container">
<form action="" class="form-horizontal" role="form">
<fieldset>
<div class="form-group">
<label class="control-label col-sm-4">开始时间:</label>
<i class="fa"></i> <input
class="form-control form-control-inline input-medium date-picker"
id="messageStartTime" size="18" name="startTime"
type="text" value=""
data-date-format="yyyy-mm-dd HH:ii:ss">
</div>
</fieldset>
</form>
</div>

3.js调用：调用datetimepicker()方法

<script type="text/javascript">
var date = new Date();
$('#messageStartTime').datetimepicker({
language: 'zh-CN',
weekStart: 1,
autoclose: 1,
startDate: date,
startView: 2,
forceParse: 1,
showMeridian: 1,
initialDate: new Date()
});
</script>

选项参数说明：

1 format 格式
2 weekStart 一周从哪一天开始
3 startDate 开始时间
4 endDate 结束时间
5 daysOfWeekDisabled 一周的周几不能选
6 autoclose 选完时间后是否自动关闭
7 startView 选完时间首先显示的视图
8 minView 最精确的时间
9 maxView 最高能展示的时间
10 todayBtn 当天日期按钮
11 todayHighlight 当天日期高亮
12 keyboardNavigation 方向键改变日期
13 language 语言
14 forceParse 强制解析
15 minuteStep 步进值
16 pickerPosition 选择框位置
17 showMeridian 是否显示上下午
18 initialDate 初始化日期时间

更多参考文档：

1. http://blog.csdn.net/hizzyzzh/article/details/51212867

本文固定链接: http://www.webzsky.com/?p=1113 | 蓝戒的博客