bootstrap的日期选择器插件

下载bootstrap的日期控件

下载网址：http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

下载包里也有非常完善的实例。

将下载好的日期控件的css、js引入自己的文件中。

在这里需要引入的文件有：

bootstrap.min.css（含有bootstrap 所有css）

bootstrap-datetimepicker.min.css（重要，这就是日期控件所需的样式表）

jquery-1.8.3.min.js（其他版本的jquery也可以）

bootstrap.min.js（含有bootstrap 所有js）

bootstrap-datetimepicker.js（重要，这就是日期控件所需的js）

locales/bootstrap-datetimepicker.zh-CN.js（bootstrap-datetimepicker.js中默认的语言是English ('en');其它可以使用的翻译文件在js/locales/ 目录中，只需在本插件之后引入需要的语言文件即可，所以在这里引入中文语言（'zh-CN'））

将所有文件引入完成后，就开始设置日期控件吧。
这是第一种样式。当然，你可以只要input就可以了。
<div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
   <input class="span2" size="16" type="text" value="12-02-2012">
   <span class="add-on"><i class="icon-th"></i></span>
</div>    
第二种样式，带有重置按钮（用于清空输入框）的组件模版：
<div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
   <input class="span2" size="16" type="text" value="12-02-2012">
   <span class="add-on"><i class="icon-remove"></i></span>
   <span class="add-on"><i class="icon-th"></i></span>
</div>
i的作用就是两个小图标，若不要可以删去。  
最简洁的样式，只有input,点击弹出选择器：
<input class="span2" size="16" type="text" value="12-02-2012">
当然，只有这些是无法弹出日期选择器的，还需要js来激活。

这里是最重要的一步，js激活日期选择器！
<script type="text/javascript">
$('你的input的class或id').datetimepicker({
//一堆参数
    });
</script>
将这个写在你的页面内，至于参数，一会再介绍。这样就可以激活你的日期选择器了，点击input便可以弹出选择器。
日期选择器的参数设置：
format
weekStart
startDate
endDate
daysOfWeekDisabled
autoclose
startView
minView
maxView
todayBtn
todayHighlight
keyboardNavigation
language
forceParse
minuteStep
pickerPosition
viewSelect
showMeridian
initialDate

这些属性不用全部设置，但有些是必须的，比如format。

参数的意义可以看bootstrap日期选择器的官方文档：http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

我在这里介绍几个重要的参数

startView

Number, String. 默认值：2, 'month'

日期时间选择器打开之后首先显示的视图。 可接受的值：

• 0 or 'hour' for the hour view
• 1 or 'day' for the day view
• 2 or 'month' for month view (the default)
• 3 or 'year' for the 12-month overview
• 4 or 'decade' for the 10-year overview. Useful for date-of-birth datetimepickers.

minView

Number, String. 默认值：0, 'hour'

日期时间选择器所能够提供的最精确的时间选择视图。

如果设置minview:2;或minview:'month';，则选择日期后，不会再跳转去选择时分秒 

   minView: "month", //选择日期后，不会再跳转去选择时分秒 
　　format: "yyyy-mm-dd", //选择日期后，文本框显示的日期格式 
　　language: 'zh-CN', //汉化 
　　autoclose:true //选择日期后自动关闭 

pickerPosition

String. 默认值: 'bottom-right' (还支持 : 'bottom-left')

此选项当前只在组件实现中提供支持。通过设置选项可以讲选择器放倒输入框下方。

 pickerPosition: "bottom-left",