详解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 相关文章推荐
jQuery获取文本节点之 text()/val()/html() 方法区别
Mar 01 Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 Javascript
JavaScript排序算法之希尔排序的2个实例
Apr 04 Javascript
理解jQuery stop()方法
Nov 21 Javascript
js小数运算出现多位小数如何解决
Oct 08 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
May 11 Javascript
jQuery鼠标事件总结
Oct 13 Javascript
js实现适合新闻类图片的轮播效果
Feb 05 Javascript
jquery实现简单实用的轮播器
May 23 jQuery
Node.js文件编码格式的转换的方法
Apr 27 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 Javascript
详解基于node.js的脚手架工具开发经历
Jan 28 Javascript
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
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
从php核心代码分析require和include的区别
2011/01/02 PHP
PHP代码实现爬虫记录――超管用
2015/07/31 PHP
php 运算符与表达式详细介绍
2016/11/30 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
学习js所必须要知道的一些
2007/03/07 Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
2010/01/22 Javascript
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
深入分析jsonp协议原理
2015/09/26 Javascript
理解JS绑定事件
2016/01/19 Javascript
浅析如何利用JavaScript进行语音识别
2016/10/27 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
mapboxgl实现带箭头轨迹线的代码
2021/01/04 Javascript
详解Python中的__new__、__init__、__call__三个特殊方法
2016/06/02 Python
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
使用Python第三方库pygame写个贪吃蛇小游戏
2020/03/06 Python
解决Jupyter notebook中.py与.ipynb文件的import问题
2020/04/21 Python
python mysql自增字段AUTO_INCREMENT值的修改方式
2020/05/18 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
让IE支持HTML5的方法
2012/12/11 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
电厂厂长岗位职责
2014/01/02 职场文书
平面设计专业求职信
2014/08/09 职场文书
春节超市活动方案
2014/08/14 职场文书
2015年大学生实习评语
2015/03/25 职场文书
党员干部廉政承诺书
2015/04/28 职场文书
同学聚会祝酒词
2015/08/10 职场文书
三好学生主要事迹材料
2015/11/03 职场文书
服务行业标语口号
2015/12/26 职场文书
党员理论学习心得体会
2016/01/21 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python