好用的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"//日期显示格式
});
最终效果
本文为原创文章,想了解更多信息欢迎访问我的博客
https://www.cnblogs.com/ihappycat/