<script src="/Content/bootstraps/js/bootstrap.js"></script>
<script src="/Content/bootstraps/js/bootstrap-datetimepicker.js"></script>
<script src="/Content/bootstraps/js/bootstrap-datetimepicker.zh-CN.js"></script>

其中bootstrap-datetimepicker.zh-CN.js表示可以使用中文的語(yǔ)言顯示日期時(shí)間

2、引入CSS類庫(kù)

<link href="/Content/bootstraps/css/bootstrap.css" rel="stylesheet"/>
<link href="/Content/bootstraps/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

3、定義HTML標(biāo)簽

<input class="form_datetime form-control" type="text" value="2016-03-07" size="16">

4、編寫datetimepicker事件

<script type="text/javascript">
 $(".form_datetime").datetimepicker({
 format: "yyyy-mm-dd",
 autoclose: true,
 todayBtn: true,
 todayHighlight: true,
 showMeridian: true,
 pickerPosition: "bottom-left",
 language: 'zh-CN',//中文，需要引用zh-CN.js包
 startView: 2,//月視圖
 minView: 2//日期時(shí)間選擇器所能夠提供的最精確的時(shí)間選擇視圖
 }); 
</script>

注意，有很多朋友都在網(wǎng)上問(wèn)過(guò)，如何只用日期，或者不用時(shí)間，因?yàn)槟J(rèn)情況下，每次使用datetimepicker選擇時(shí)，都要選到日間那個(gè)級(jí)別上，很是不爽，大叔在研究中發(fā)展，使用minView這個(gè)參數(shù)解決了這個(gè)問(wèn)題，它相當(dāng)于在控制上，最小的顯示精度，

０表示分鐘（默認(rèn)），１表示小時(shí)，而２表示天，我們把值設(shè)為２就不會(huì)再出現(xiàn)選擇小時(shí)的頁(yè)面了！