基于bootstrap的css舒萎，js
加上bootstrap-datetimepicker的css，js
<script src="jquery-1.11.1.min.js"></script>
<link href="bootstrap-3.3.5-dist/css/bootstrap.css" rel="stylesheet" />
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<link href="bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<!-- 引用的中文包 -->
<script src="bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
// 開始時(shí)間：
$('#qBeginTime').datetimepicker({
todayBtn: true,
autoclose : true,
bootcssVer:3, // 顯示箭頭
format: 'yyyy-mm',
startView: 3, // 日期時(shí)間選擇器打開之后首先顯示的視圖尤揣。
minView: 3, // 日期時(shí)間選擇器所能夠提供的最精確的時(shí)間選擇視圖论熙。
forceParse: false, // 當(dāng)選擇器關(guān)閉的時(shí)候呕臂，是否強(qiáng)制解析輸入框中的值朗儒。
language: 'zh-CN'
}).on('changeDate',function(e){
var startDate = $('#startDate').val();
$("#returnDate").datetimepicker('setStartDate',startDate);
$("#startDate").datetimepicker('hide');
});
// 結(jié)束時(shí)間：
$('#qEndTime').datetimepicker({
todayBtn: true,
autoclose : true,
bootcssVer:3, // 顯示箭頭
format: 'yyyy-mm',
weekStart: 1,
startView: 3,
minView: 3,
forceParse: false,
language: 'zh-CN'
}).on('changeDate',function(e){
var returnDate = $("#returnDate").val();
$("#startDate").datetimepicker('setReturnDate',returnDate);
$("#returnDate").datetimepicker('hide');
});
中文包問題
moment語言包：https://github.com/moment/moment
<script src="bootstrap-datetimepicker/js/moment-with-locales.min.js"></script>
