HTML代码
1 <div class="col-md-4">
2 <div class="form-group has-feedback row"> 3 <div class="col-md-6 label-cont"> 4 <label>预计上线时间:</label> 5 </div> 6 <div class="col-md-6 form-cont date"> 7 <input autocomplete="off" readonly="readonly" type="text" id="expectedonlinetime" name="expectedOnlineTime"> 8 <div class="input-group-addon"> 9 <i class="iconfont icon-rili"></i> 10 </div> 11 </div> 12 </div> 13 </div> 14 <!--引入时间插件 -->
<link rel="stylesheet" href="../static/plugins/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.css">
15 <script src="../static/plugins/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
js代码
$(document).ready(function() { //初始化时间插件 $('#expectedonlinetime').datetimepicker({ bootcssVer: 3, //显示箭头图标 autoclose: true, //选中关闭 minView: "month", //初始页面 language: 'zh', //支持中文 format: 'yyyy/m/d' }).on('changeDate', function(ev) { $(this).trigger('blur'); }); });