boostrap中日期控件使用

boostrap中日期控件使用:
(1)引入样式文件:<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href=" 网页链接" rel="stylesheet">
(2)引入js文件
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<script src=" 网页链接>
<script src=" 网页链接>
(3)form表单中使用
<div class="form-group">
<label>xxx:</label>
<!--指定 date标记-->
<div class='input-group date' id='datetimepicker2'>
<input type='text' class="form-control" name="row[xxx]" id="industry_time" value="{$user.industryTime|htmlentities}/> <!-- php中tp框架模板-->
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</div>
</div>
(4)js文件中初始化
$(function () {
$('#datetimepicker2').datetimepicker({

format: 'YYYY-MM-DD',

locale: moment.locale('zh-cn')

});
})

转自:https://www.toutiao.com/a1664825259209732

猜你喜欢

转载自www.cnblogs.com/huangguojin/p/12766546.html