element-ui 格式化时间

cofecode

于 2017-08-08 11:32:52 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： element-ui

本文链接：https://blog.youkuaiyun.com/cofecode/article/details/76889774

7 篇文章

订阅专栏

本文介绍了如何使用 Element UI 的内置方法快速格式化日期时间。只需简单地在日期选择器组件上绑定 @change 事件，并定义一个 change 方法即可实现。这避免了手动编写复杂的日期处理代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原来。element-ui有自己封装好的格式化时间的方法。

给时间组件的标签上绑定@change就行。

然后再methods方法里面定义change方法

<el-date-picker
    v-model="daterange"
    type="daterange"
    placeholder="选择日期范围"
    @change="dateChange">
</el-date-picker>

dateChange(val) {
    console.log(val)  //这里的val就是格式化后的时间
}

一直以为element-ui没有格式化时间的方法，自己去写原生的js和补零方法。原来有更快的方法，一行代码搞定！大快人心！