mobile-calendar一个PC和手机移动端自适应相应式的input弹出选择日历空间
2017-01-15 10:13
776 查看
mobile-calendar
简易版移动端版日期插件,没第三方库依赖
安装
# 安装 mobile-calendar npm install --save mobile-calendar
引入方式和使用
<link rel="stylesheet" href="/dist/calendar.min.css"> <script src="/dist/calendar.min.js"></script> <input type="text" class="calendars" />
API
通过在元素上添加属性的方式start 开始年份 String defalut:1915
end 结束年份 String defalut:2030
start-date 起始日期 String defalut:当前日期
format 显示的格式 String defalut:'yy/mm/dd' 只支持 yy/mm/dd 或 yy-mm-dd
shield 指定禁用日期 Array defalut:undefined 例: shield="[2015/3/8, 2015/3/9]"
past 不可选择过去日期 defalut:false 只需要设置属性即可,不需要值
hours 可以选择时间 defalut:false 只需要设置属性即可,不需要值
hours-past 不可选择过去时间 defalut:false 只需要设置属性即可,不需要值
项目主页:https://github.com/rookie125/mobile-calendar
相关文章推荐
- myeclipse8.5 启动时不弹出工作空间的选择,直接进入一个空的工作空间
- jQuery手机移动端日历日期选择
- 第二章 弹出日历选择输入的Calendar控件
- myeclipse8.5 启动时不弹出工作空间的选择,直接进入一个空的工作空间
- myeclipse8.5 启动时不弹出工作空间的选择,直接进入一个空的工作空间
- jQuery手机移动端日历选择
- 利用jmSlip写一个移动端顶部日历选择组件
- vue 移动端日期选择组件 vue-mobile-calendar
- [原创首发] js手机移动端选择插件 mobileSelect.js
- jQuery手机移动端日历日期选择
- myeclipse8.5 启动时不弹出工作空间的选择,直接进入一个空的工作空间
- 【转载】jQuery手机移动端触屏日历日期选择
- input自动获取焦点在移动端自动弹出手机软键盘
- asp.net 点击一个按钮弹出对话框选择文件然后选择文件完成之后就自动上传文件 input(file)
- 弹出日历窗口选择日期
- .net实现点击textbox控件弹出日历控件Calendar代码
- My97DatePicker,一个兼容所有浏览器的日历选择脚本(相当经典)
- [原]读Google Data API源代码一:从创建一个日历(Calendar)开始
- 先读数据再弹出对话框根据对话框的选择来触发事件 confirm button input
- JS日历(带时间选择功能) kimsoft-jscalendar 增强版