好用的日期选择器Bootstrap-datepicker,简单使用
2018年4月18日要求
Bootstrap-datepicker依赖bootstrap和jquery这来两个插件
1.引入js和css
1 2 |
<link rel="stylesheet" href="datepicker3.css')}}"> //引入样式文件 <script src="bootstrap-datepicker.js"></script> //引入js文件 |
2.创建html
1 |
<input id="datetimepicker" class="form-control" type="text"> |
3.配置js
1 2 3 4 5 6 7 8 9 10 11 |
$(function(){ $('#datetimepicker').datetimepicker({ language:"zh-CN", //语言选择中文 format:"yyyy-mm", //格式化日期 timepicker:true, //关闭时间选项 yearEnd:2050, //设置最大年份 todayButton:false //关闭选择今天按钮 autoclose: 1, //选择完日期后,弹出框自动关闭 startView:3, //打开弹出框时,显示到什么格式,3代表月 minView: 3, //能选择到的最小日期格式 }); |
只显示年月
1 2 3 4 5 6 7 |
$('#datetimepicker').datetimepicker({ language:"zh-CN", format:'yyyy-mm', autoclose: 1, startView:3, minView: 3, }); |