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

最新推荐文章于 2024-03-19 15:48:14 发布

一只快乐的小咩咩

最新推荐文章于 2024-03-19 15:48:14 发布

阅读量2.5k

点赞数 5

分类专栏： vue 文章标签： Vue ElementUI DatePicker 日期格式化时间转换

本文链接：https://blog.csdn.net/miem_yang/article/details/116303014

版权

vue 专栏收录该内容

18 篇文章

订阅专栏

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
}