vue实现移动端轻量日期组件不依赖第三方库的方法
2019-04-28 09:13
309 查看
不需要依赖第三方组件的vue日期移动端组件 小轮子 轻量可复用: https://github.com/BeckReed/datepicker-for-vue
2.用法:参见 src/view/demo.vue 文件的用法,简单易懂
<div> <h3>三列(年月日)日期弹窗示例--带标题)</h3> <button class="blue-btn" @click="togglePicker2">显示三列带标题日期弹框Demo2</button> <v-date-picker :type="1" :isShow="isShow2" @confirm="confirmDemo2" @cancel="cancelDemo2" v-model="selectedValue2">请选择日期</v-date-picker> </div>
3.该例子基于vue进行示例: 运行命令如下: npm run dev 请先npm install
# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run unit tests npm run unit # run all tests npm test
For a detailed explanation on how things work, check out theguide and docs for vue-loader
总结
以上所述是小编给大家介绍的vue实现移动端轻量日期组件不依赖第三方库的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- 利用Vue实现移动端图片轮播组件的方法实例
- Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
- 移动端刷新组件XtnScroll--Vue实现
- Vue中自定义全局组件的实现方法
- 如何实现一个简单的Vue移动端组件库
- CSS3移动端vw+rem不依赖JS实现响应式布局的方法
- 利用vue组件自定义v-model实现一个Tab组件方法示例
- Vue组件通讯的实现方法有哪些?
- vue使用cropperjs实现移动端图片裁剪上传组件
- wc-swiper:基于 Vue 实现的 移动端图片轮播组件
- vue中实现移动端的scroll滚动方法
- vue2.0 使用element-ui里的upload组件实现图片预览效果方法
- Vue实现移动端左右滑动效果的方法
- CSS3移动端vw+rem不依赖JS实现响应式布局的方法
- 实现一个 Vue 吸顶锚点组件方法
- 基于 Vue.js 的移动端组件库mint-ui实现无限滚动加载更多
- VUE+WebPack前端游戏设计:依赖VUE组件通讯机制实现场景游戏切换
- 基于Vue中点击组件外关闭组件的实现方法
- vue实现图片加载完成前的loading组件方法
- Vue实现环形进度条方法组件