Air-datepicker 日期选择器
air-datepicker 是一款基于 jQuery 的简易日期选择器
更多精彩
- 更多技术博客,请移步 asing1elife’s blog
官网
引用
- 引入插件所需 css/js 文件
<link rel="stylesheet" type="text/css" href="plugins/air-datepicker/css/datepicker.min.css"> <script type="text/javascript" src="plugins/jquery.min.js"></script> <script type="text/javascript" src="plugins/air-datepicker/js/datepicker.js"></script> <script type="text/javascript" src="plugins/air-datepicker/js/i18n/datepicker.zh.js"></script>
- 定义一个 input 用户展现内容
-
data-language="zh"
表示插件使用中文
-
<input type="text" class="datepicker-input" data-language="zh">
- 调用插件初始化方法
$(function() { $(".datepicker-input").datepicker(); });
API
- classes 自定义 className
- inline 是否一直可见
- false [default]
- language 指定 i18n 国际化语言
- ru [default]
- 可如上述在 input 中指定
data-language="zh"
- 也可以在插件初始化方法中通过
language: zh
指定
- startDate 初始化显示日期
- new Date() [default]
- firstDay 每周的开始时间
- 0-6 表示星期天到星期六
- 没有默认值,若不指定则根据引入的 i18n 规则决定,例如引入 zh ,则第一天为周一,引入 en ,则第一天为周日
- weekends 指定一组日期为周末
- [6, 0] [default]
- dateFormat 日期格式
- 没有默认值,若不指定则根据引入的 i18n 规则决定
- keyboardNav 是否允许键盘操作
- true [default]
- position 日期选择器相对于输入框的显示位置
- bottom left [default]
- offset 位置偏移值
- 12 [default]
- view 默认视图
- days [default]
- 可选 days months years
- minView 最小视图
- days [default]
- 可选 days months years
- minDate 可被选择的最小日期
-
minDate: new Date()
表示今天之前的日期都不可被选中
-
- maxDate 可被选择的最大日期
- disableNavWhenOutOfRange 可选范围之外的日期是否禁止查看
- true [default]
- multipleDates 是否可选择多个日期
- false [default]
- multipleDatesSeparator 自定义多个日期之间的分隔符
- , [default]
- range 允许选择日期范围
- false [default]
- 无法与 multipleDates 同时使用
- todayButton 是否显示[今天]按钮
- false [default]
- 点击按钮不会直接选择当前日期,只会跳转到当前日期所在的视图页
- clearButton 是否显示[清除]按钮
- false [default]
- autoClose 选择日期后,自动关闭面板
- false [default]
- timepicker 是否开启时间选择器
- false [default]
- timeFormat 时间格式
- 没有默认值,若不指定则根据引入的 i18n 规则决定
- minHours 小时数最小值
- 0 [default]
- 可选范围 0-23
- maxHours 小时数最大值
- 23 [default]
- 可选范围 0-23
- minMinutes 分钟数最小值
- 0 [default]
- 可选范围 0-59
- maxMinutes 分钟数最大值
- 59 [default]
- 可选范围 0-59
- hoursStep 小时的滑动间隔
- 1 [default]
- minutesStep 分钟的滑动间隔
- 1 [default]

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
深入Spring Boot:利用Arthas排查NoSuchMethodError
前言 有时spring boot应用会遇到java.lang.NoSuchMethodError的问题,下面以具体的demo来说明怎样利用arthas来排查。 Demo: https://github.com/hengyunabc/spring-boot-inside/tree/master/demo-NoSuchMethodError 在应用的main函数里catch住异常,保证进程不退出 很多时候当应用抛出异常后,进程退出了,就比较难排查问题。可以先改下main函数,把异常catch住: public static void main(String[] args) throws IOException { try { SpringApplication.run(DemoNoSuchMeth
- 下一篇
h5 input,textarea属性placeholder样式修改失效问题解决
h5 input,textarea属性placeholder样式修改失效问题解决 有时候失效是因为前端框架已经设置了placeholder颜色,可以增加选择器权重,添加class,不建议用 !important ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }
相关文章
文章评论
共有0条评论来说两句吧...