bootstrap 的日期插件bootstrap-datetimepicker 使用教程

效果如下：具体案例可参考 http://cn.inspinia.cn/form_advanced.html

1.引入插件

<!-- 日期插件样式 -->
 <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<!-- 日期插件js -->
<script src="https://cdn.bootcss.com/moment.js/2.24.0/moment-with-locales.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

2.页面元素

<div class='input-group date' id='datetimepicker1'>
 	<span class="input-group-addon">
        <i class="fa fa-calendar"></i>
    </span>
    <input class="form-control" type="text" autocomplete="off" value="" id="departureDate" name="date">
</div>

3.js初始化

$("#datetimepicker1").datetimepicker({
	format: 'YYYY-MM-DD',//日期格式使用的是moment插件，更多格式，请参考:https://blog.csdn.net/u014438244/article/details/85274221
    locale: moment.locale('en')
});