接上一篇:CRM-实现保存模态框用户输入的数据
- 下载bootstrap-datetimepicker-master
- 引入js和css
<head>里导入bootstrap.js、bootstrap.css、jquery.js、bootstrap-datetimepicker.min.css、bootstrap-datetimepicker.min.js、bootstrap-datetimepicker.zh-CN.js
<script type="text/javascript"
src="jquery/bootstrap-datetimepicker-master/sample in bootstrap v3/jquery/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" type="text/css"
href="jquery/bootstrap-datetimepicker-master/sample in bootstrap v3/bootstrap/css/bootstrap.css">
<script type="text/javascript"
src="jquery/bootstrap-datetimepicker-master/sample in bootstrap v3/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css"
href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript"
src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript"
src="jquery/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript">
- input标签
<input id="create-activityStartDate" readonly/>
$("#create-activityStartDate").datetimepicker({
language: 'zh-CN',
format: 'yyyy-mm-dd',
minView: 'month',
initialDate: new Date(),
autoclose: true,
todayBtn: true,
clearBtn: true
});