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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM