bootstrap 添加时间控件

 原创   
营养快线送你 2023-03-03 前端
0 0 0 221

效果:


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