关于html页面直接引入vue.js后使用bootstrap-datetimepicker

使用方法

1.引用文件

<script src="../../js/lib/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/lib/jquery.signalR-2.2.1.js" type="text/javascript" charset="utf-8"></script>
<!-- bootstrap样式表 -->
<link href="../../css/bootstrap-3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- 时间选择器样式表 -->
<link href="../../css/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
<!-- bootstrap脚本 -->
<script src="../../js/datetimepicker/bootstrap.min.js"></script>
<!-- 时间选择器前置脚本 -->
<script src="../../js/datetimepicker/moment-with-locales.min.js"></script>
<!-- 时间选择器核心脚本 -->
<script src="../../js/bootstrap-datetimepicker.min.js" type="text/javascript" charset="utf-8"></script>

2.配置

<input type="text" id="startTime" v-model="startDate1" class="form-control" autocomplete="off" />

mounted: function() {
	this.dateInit()
},
methods: {
	dateInit: function() {
	    $("#startTime").datetimepicker({
		    format: 'YYYY-MM-DD',
	    });		
	}
}