好用的bootstrap中的时间插件-bootstrap-datepicker


bootstrap-datepicker是bootstrap中一款好用的时间插件,支持中文,支持时间段的选择,支持时间格式配置,在线示例中用法提供友好。

点击页面上的配置,右下角的代码同步更新。

1.下载bootstrap-datepicker中放在bootstrap文件夹。

在页面进行css引用

 <link rel="stylesheet" href="bootstrap-datepicker-1.9.0-dist/css/bootstrap-datepicker.min.css">

在页面进行js引用,放在jquery和bootstrap的js后面

  <script src="bootstrap-datepicker-1.9.0-dist/js/bootstrap-datepicker.min.js"></script>
  <script src="bootstrap-datepicker-1.9.0-dist/locales/bootstrap-datepicker.zh-CN.min.js"></script>

2.在页面添加input元素

<div id="sandbox-container">
    <input type="text" class="form-control">
</div>

3.在页面添加js代码

    $('#sandbox-container input').datepicker({
    language: "zh-CN",//配置中文
    autoclose: true,//自动关闭
    format: "yyyy-mm-dd"//日期显示格式
});

最终效果


免责声明!

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



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