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

写在前面:

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

1.第一种,年月日

2.第二种,年月周日

3.第三种,年月日

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

实现效果:

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

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

实现效果:

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

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

实现效果:

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

相关推荐
Martin -Tang1 小时前
Vue 3 中,ref 和 reactive的区别
前端·javascript·vue.js
AvatarGiser6 小时前
《ElementPlus 与 ElementUI 差异集合》Icon 图标 More 差异说明
前端·vue.js·elementui
喝旺仔la6 小时前
vue的样式知识点
前端·javascript·vue.js
尝尝你的优乐美6 小时前
vue3.0中h函数的简单使用
前端·javascript·vue.js
会发光的猪。6 小时前
如何使用脚手架创建一个若依框架vue3+setup+js+vite的项目详细教程
前端·javascript·vue.js·前端框架
别忘了微笑_cuicui7 小时前
vue中调用全屏方法、 elementUI弹框在全屏模式下不出现问题、多级嵌套弹框蒙层遮挡问题等处理与实现方案
前端·vue.js·elementui
计算机学姐8 小时前
基于Python的药房管理系统
开发语言·vue.js·后端·python·mysql·pycharm·django
放逐者-保持本心,方可放逐10 小时前
vue3 动态路由+动态组件+缓存应用
前端·vue.js·缓存
周末不下雨10 小时前
关于搭建前端的流程整理——node.js、cnpm、vue、初始化——创建webpack、安装依赖、激活
前端·vue.js·node.js
花开花落与云卷云舒11 小时前
新手 Vue 项目运行
前端·javascript·css·vue.js·前端框架·html·springboot