网络编程
位置：首页>> 网络编程>> JavaScript>> vue实现移动端轻量日期组件不依赖第三方库的方法

vue实现移动端轻量日期组件不依赖第三方库的方法

作者：Beck Reed　　发布时间：2024-05-29 22:29:03　

标签：vue,日期,组件

vue实现移动端轻量日期组件不依赖第三方库的方法

vue实现移动端轻量日期组件不依赖第三方库的方法

不需要依赖第三方组件的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实现移动端轻量日期组件不依赖第三方库的方法,网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

来源：http://www.cnblogs.com/beckreed/p/10779325.html

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com