1.引入文件
<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js" ></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js" ></script>
2.给dom绑定id
<input type="text" class="input_date" id="renwu_time" placeholder="请选择时间" readonly="readonly" />
readonly属性----不可编辑
3.js加载
$("#renwu_time").datetimepicker({//选择年月日
format: 'yyyy-mm-dd', //显示格式
language: 'zh-CN', //显示语言,需要引入js语言包
weekStart: 1, //设置第一天星期几
扫描二维码关注公众号,回复:
2106327 查看本文章
todayBtn: 1,//显示‘今日’按钮
autoclose: 1, // 当选择一个日期之后是否立即关闭此日期时间选择器。
todayHighlight: 1, //设置今天为高亮
startView: 2, //设置
日期选择器打开后显示的视图,2--月视图
minView: 2, //Number, String. 默认值:0, 'hour',日期时间选择器所能够提供的最精确的时间选择视图。
//clearBtn:true,//清除按钮
});