vue+element ui 中国标准化时间转换日期多种格式

最新推荐文章于 2025-10-16 16:36:32 发布

原创最新推荐文章于 2025-10-16 16:36:32 发布 · 2.6k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了在Vue项目中使用ElementUI日期选择器时，如何将默认的中国标准化时间转换为自定义格式，如'2021-04-30'。通过设置'value-format'属性，可以指定日期格式，并在`@change`事件中获取转换后的值。示例代码展示了如何实现这一功能，帮助开发者更好地处理日期显示问题。

vue+element ui 中国标准化时间转换日期多种格式

最近在做项目的时候用到了DatePicker 日期选择器结果选好日期获取日期value得到这个玩意儿有点恶心的中国标准化时间在这里插入图片描述
如果想要转化成2021-04-3或/2021/04/30一系列你想要的结果我是这么写的你可以作为参考自己改
下面展示一些 内联代码片。

// DatePicker 日期选择器 
<el-date-picker
	value-format="yyyy-MM-dd"// 划重点 此处定义你想要的格式
	@change="getStime" // 用于拿到转换后的值
     v-model="date"
     type="daterange"
     align="right"
     unlink-panels
     range-separator="至"
     start-placeholder="开始日期"
     end-placeholder="结束日期"
     :picker-options="pickerOptions">
   </el-date-picker>
   
	// methods里获取
	getStime(val) {
	console.log(val, '打印val') // 2021-04-30
}