Bootstrap时间插件

 

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');
    });
    
});

 

posted @ 2019-06-04 10:18  小能熊  阅读(2014)  评论(0)    收藏  举报