element-plus日期组件格式化问题

最新推荐文章于 2024-09-27 13:10:25 发布
最新推荐文章于 2024-09-27 13:10:25 发布
阅读量1.7k 收藏 2
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BugMakerWSY/article/details/118764509
版权
在使用Element Plus进行前端开发时遇到日期组件显示问题，日期绑定值默认格式为 Thu Jul 01 2021 00:00:00 GMT+0800 (中国标准时间)。尝试使用value-format属性未生效。最终通过dayjs库，将日期转换为'YYYY-MM-DD'格式成功解决。
摘要由CSDN通过智能技术生成

        最近项目使用element-plus做项目时发现日期组件绑定的值打印出来是：

Thu Jul 01 2021 00:00:00 GMT+0800 (中国标准时间) 

        看过官网后发现和前一版本一样日期组件可以引入value-format指定绑定值的格式，但加上后依旧无效，最后找到一种方法：

dayjs(绑定值).format('YYYY-MM-DD')处理即可

BugMakerWSY
关注
时间格式化-dayjs
weixin_49352307的博客
03-13 931
1.创建工具类文件 utils/format.js import { dayjs } from 'element-plus' export const formatTime = (time) => dayjs(time).format('YYYY年MM月DD日 HH时mm分ss秒') 2.组件中使用formatTime函数 import { formatTime } from '@/utils/format.js' <el-table-column label="发表时间" pro
elementPlus 日期组件数据返回格式 dayjs
qq_32209081的博客
06-18 1886
elementplus 删除了数据返回的日期格式 ，不过官方推荐了dayjs 方法 来解决日期格式 dayJS 网址：https://dayjs.gitee.io/zh-CN/ npm dayjs : https://www.npmjs.com/package/dayjs 引入方式 使用 dayjs('2018-08-08') // parse dayjs().format('{YYYY} MM-DDTHH:mm:ss SSS [Z] A') // display dayjs().set('mont
vue elementPlus中使用dayjs
逆风优雅的博客
08-22 676
安装了elementPlus后无需再次下载dayjs,因为element 中包含了dayjs。使用方法和dayjs 官网一致。
详解element-ui日期时间选择器的日期格式化问题
10-17
主要介绍了详解element-ui日期时间选择器的日期格式化问题，本文用到了DateTimePicker来选择日期时间，但是在将数据传回后台的过程中遇到了一些令人头疼的问题，有兴趣的一起来了解一下
element-plus表格中的formatter时间格式化
m0_63873004的博客
04-13 5799
element-plus表格中的formatter时间格式化
elementPlus datepicker时间格式问题
weixin_46181155的博客
05-06 1821
使用dayjs 安装 npm i dayjs -D 按需引入 引入 import dayjs from ‘dayjs’ 使用 dayjs(dateValue.value).format('yyyy-MM-dd') 例如：dayjs('2019-01-25').format('DD/MM/YYYY') // '25/01/2019' dayjs 地址 https://day.js.org/docs/zh-CN/display/format ...
VUE3 elementui plus中table格式化时间
最新发布
weixin_47454566的博客
09-27 132
VUE3 elementui plus中table格式化时间
element-plus打包
05-24
Element Plus 是一个基于 Vue.js 的开源 UI 组件库，提供了丰富的界面组件，如表格、按钮、下拉菜单等，用于快速构建现代化的前端应用。"element-plus打包" 指的是将 Element Plus 项目进行构建和打包的过程，以便在...
element-plus---Cascader三级联动地区选择---json数据
08-19
在这个场景中，"element-plus---Cascader三级联动地区选择---json数据" 主题指的是使用Element Plus的Cascader组件来实现中国地区的三级联动选择，数据格式为JSON。 首先，我们来看Cascader组件。Cascader 是一个...
element-ui 表格数据时间格式化的方法
10-18
Element UI 提供了一个强大的表格组件 `el-table`，它允许我们自定义列的显示方式，包括对时间数据进行格式化。本文将详细介绍如何在Element UI的表格中对时间数据进行格式化。 首先，我们需要在表格的列定义中添加...
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip
04-10
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip ## 简介 vue-element-perfect 是一个后台前端解决方案,它使用了最新的前端技术栈、动态路由，权限验证，并且有着丰富的组件,企业级中后台解决...
VUE3+Element-Plus入门代码
12-27
Vue3和Element-Plus是现代前端开发中的两个关键组件，Vue3是Vue.js框架的最新版本，它带来了许多性能优化和新特性，而Element-Plus则是一个基于Vue3的高质量UI组件库，提供了丰富的界面元素供开发者使用。...
element-plus日期选择器 value-format 出错
tuoyanghetang的博客
09-11 812
value-format 的格式要用大写！！！ 总之小写不识别 如 yyyy-MM-dd，显示的是 yyyy-10-me 换成 YYYY-MM-DD就是对的时间格式
element时间组件转格式
weixin_51055753的博客
10-22 864
element-puls日记 在使用elemen的时间组件时，需要在标签el-date-picker里加入value-format="YYYY-MM-DD HH:mm:ss"属性才能把YYYY-MM-DD HH:mm:ss这种格式的日期正确传导出来方便储存与日后前端调用。 未使用时： console.log传出的样式： 使用后： console.log传出的样式： ...
element结合vue对table列值时间格式化并修改样式
yspxiaopanni的博客
12-03 2321
element vue对table中时间格式化并且修改样式 请看效果图： 代码如下： &lt;el-table-column&gt; label="完成时间"&gt; &lt;template scope="scope"&gt; &lt;span v-html="dateFormatTime(scope.row.finishTime)"&gt;&lt;/span&g
vue项目中使用day.js转化获取的时间格式
一个小白，博文源于浏览各个大佬所得，感谢行业大佬们！
09-04 3800
vue中使用day.js转化时间
vue3+element Plus中使用日期格式化库day.js
Z姑娘早安
11-21 1876
Element-plus (opens new window)组件库默认支持 dayjs 进行日期时间处理，所以可以直接导入使用，相关 Date Picker (opens new window)组件介绍。
Vue3在Element UI 表格中自定义时间格式化显示
李长渊的博客
05-25 1184
Vue3在Element UI 表格中自定义时间格式化显示
element-plus格式化TimePicker
05-26
要使用Element-Plus中的TimePicker组件并进行格式化，可以使用picker-options属性。这个属性接受一个对象，用来配置时间选择器的选项，其中包括format属性，可以用于自定义时间格式。 以下是一个使用Element-Plus ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值