boostrap

bootstrap双日历插件实例化

眉间皱痕 提交于 2020-01-07 05:28:38
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 网站中难免会用到日期选择插件,常见的有jquery的,也有bootstrap的.单日历的就不说了,实例化都比较简单.今天给大家介绍一下bootstrap的双日历插件. http://www.jq22.com/jquery-info1087 这是双日历插件下载地址,demo里面有介绍需要引入那些js和css文件. 1.直接进入到js实例化部分: function timePicker(){ var option={ locale:{ fromLabel: '开始日期', toLabel: '结束日期' }, maxDate:new Date(new Date().getFullYear()+'-'+(new Date().getMonth()+1)+'-'+(new Date().getDate()+1)),//双日历允许最大的结束日期 opens:'left',//日历与输入框的对其方式,当前为右对齐 //maxDate:moment(),//设置成moment(),有一个bug,那就是不能选择今天(比如2016-7-21) //dateLimit:{//起止时间允许的范围 // days:30 //}, showDropdowns : true//这个属性可以实现下拉选择年份 }; $('