详解vue移动端日期选择组件


Posted in Javascript onFebruary 22, 2018

先给大家分享一下源码:https://github.com/lx544690189/vue-mobile-calendar

详解vue移动端日期选择组件

Build Setup

# install dependencies
npm install

# build for production with minification
npm run build

Usage

install

npm install vue-mobile-calendar

or:(from the dist folder)

<script src="vue-mobile-calendar.js" type="text/javascript"></script>

Quickstart

import Vue from 'vue'
import Calendar from 'vue-mobile-calendar'

Vue.use(Calendar)
<calendar
 v-model="calendarShow"
 :defaultDate="defaultDate"
 @change="handelChange">
</calendar>

Attributes

option description type default
v-model show/hide the calendar Boolean false
format format date String "yyyy-MM-dd"
defaultDate default selected date Date new Date()
minDate optional minimum date Date null
maxDate optional maximum date Date null
closeByClickmask close by mask Boolean true
month text of month Array ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"]
week text of day Array ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]

Events

event name description parameter of callback
change when date change (date,formatDate)

Reference

framework7

mint-ui

Javascript 相关文章推荐
JS中==与===操作符的比较
Mar 21 Javascript
window.open()实现post传递参数
Mar 12 Javascript
node.js [superAgent] 请求使用示例
Mar 13 Javascript
JavaScript 详解预编译原理
Jan 22 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
JS库之Highlight.js的用法详解
Sep 13 Javascript
vue本地打开build后生成的dist文件夹index.html问题
Sep 04 Javascript
JS运算符简单用法示例
Jan 19 Javascript
vue之封装多个组件调用同一接口的案例
Aug 11 Javascript
vue 函数调用加括号与不加括号的区别
Oct 29 Javascript
vue项目如何监听localStorage或sessionStorage的变化
Jan 04 Vue.js
webpack 单独打包指定JS文件的方法
Feb 22 #Javascript
webpack中使用iconfont字体图标的方法
Feb 22 #Javascript
微信小程序之圆形进度条实现思路
Feb 22 #Javascript
webpack下实现动态引入文件方法
Feb 22 #Javascript
JavaScript 有用的代码片段和 trick
Feb 22 #Javascript
3种vue路由传参的基本模式
Feb 22 #Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 #Javascript
You might like
php+mysql实现数据库随机重排实例
2014/10/17 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
2020/02/12 PHP
javascript 显示当前系统时间代码
2009/12/28 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
2010/11/21 Javascript
查找iframe里元素的方法可传参
2013/09/11 Javascript
node.js中的fs.exists方法使用说明
2014/12/17 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
基于BootStrap Metronic开发框架经验小结【五】Bootstrap File Input文件上传插件的用法详解
2016/05/12 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
layDate日期控件使用方法详解
2018/11/15 Javascript
微信小程序新手教程之启动页的重要性
2019/03/03 Javascript
Node.js Stream ondata触发时机与顺序的探索
2019/03/08 Javascript
jqGrid表格底部汇总、合计行footerrow处理
2019/08/21 Javascript
python处理图片之PIL模块简单使用方法
2015/05/11 Python
Python中zfill()方法的使用教程
2015/05/20 Python
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
使用python实现个性化词云的方法
2017/06/16 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
Python从入门到精通之环境搭建教程图解
2019/09/26 Python
Python模块的制作方法实例分析
2019/12/21 Python
完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误
2020/04/01 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
索尼巴西商店:Sony巴西
2019/06/21 全球购物
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
医学类导师推荐信范文
2013/11/19 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
公益广告标语
2014/06/19 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
项目合作意向书
2015/05/08 职场文书