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 <!--引入时间插件    -->
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');
    });
    
});

猜你喜欢

转载自www.cnblogs.com/xiaonengxiong/p/10971977.html