vue vue3 日期时间组件分装,三种不同的效果

写在前面:

基于elementPlus前端组件库,实现了两种日期时间组件的自定义封装:

1.第一种,年月日

2.第二种,年月周日

3.第三种,年月日

一、年月日自定义组件的封装

实现效果:

参考链接:年月日的组件封装,附带封装好的代码,可使用。

二、年月周日的自定义组件的封装

实现效果:

参考链接:年月周日的组件封装,附带完成代码,封装的代码。

三、年月日的自定义组件封装,类似于2

实现效果:

参考链接:年月日的组件封装,附带封装好的代码,可使用。

相关推荐
qq_4061761410 分钟前
深入浅出 Pinia:Vue3 时代的状态管理新选择
javascript·vue.js·ecmascript
德育处主任Pro1 小时前
前端元素转图片,dom-to-image-more入门教程
前端·javascript·vue.js
前端小超超3 小时前
Vue计算属性computed:可写与只读的区别
前端·javascript·vue.js
爱学习的程序媛4 小时前
【Web前端】Pinia状态管理详解
前端·vue.js·typescript
java1234_小锋4 小时前
分享一套优质的SpringBoot+Vue咖啡商城系统
vue.js·spring boot·咖啡商城
用户336566342175 小时前
Vue3+Vite项目极致性能优化:从构建到运行全链路实战指南
vue.js
console.log('npc')7 小时前
响应式布局的 Element UI、Ant Design 24栅格布局
vue.js·ui
riyue6668 小时前
封装 WebSocket 工具类
网络·vue.js·websocket·网络协议·v
斌味代码10 小时前
el-popover跳转页面不隐藏,el-popover销毁
前端·javascript·vue.js