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

写在前面:

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

1.第一种,年月日

2.第二种,年月周日

3.第三种,年月日

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

实现效果:

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

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

实现效果:

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

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

实现效果:

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

相关推荐
SuperEugene4 小时前
表单最佳实践:从 v-model 到自定义表单组件(含校验)
前端·javascript·vue.js
我叫黑大帅9 小时前
Vue3和Uniapp的爱恨情仇:小白也能懂的跨端秘籍
前端·javascript·vue.js
洋洋技术笔记11 小时前
Vue实例与数据绑定
前端·vue.js
牛奶21 小时前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶21 小时前
Vue 底层原理 & 新特性
前端·vue.js·面试
pe7er21 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
_AaronWong1 天前
Electron 实现仿豆包划词取词功能:从 AI 生成到落地踩坑记
前端·javascript·vue.js
wuhen_n1 天前
双端 Diff 算法详解
前端·javascript·vue.js
爱勇宝1 天前
别再混用了!import.meta.env 与 process.env 的本质差异一次讲透
前端·javascript·vue.js
从文处安2 天前
「九九八十一难」组合式函数到底有什么用?
前端·vue.js