效果:
1.先导入相关js
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.25.3/moment-with-locales.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
2.html部分引用
<div class="form-group"> <label>开始日期:</label> <div style="width:200px" class='input-group date' id='datetimepicker1'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div>
3.js部分初始化控件
$(function(){ $('#datetimepicker1').datetimepicker({ format: 'YYYY-MM-DD', //显示年月日 locale: moment.locale('zh-cn') });)}
ok