vue element-ui 选择日期组件将标准日期时间格式化

vue element-ui 的组件开发可以大大提升我们的开发效率，但有时并不能满足我们的需求，比如：时间、日期组件。element-ui 日期返回的格式是这样的，看下图：但是我们需要的是这种格式:在此之前在我找了很多javascript原生方法，单由于较复杂，而弃用。可以用一个插件 moment.js 解决1：下载，安装　npm install moment --save...

_zhiqun

4840人浏览 · 2019-01-02 12:28:37

_zhiqun · 2019-01-02 12:28:37 发布

vue element-ui 的组件开发可以大大提升我们的开发效率，但有时并不能满足我们的需求，比如：时间、日期组件。
element-ui 日期返回的格式是这样的，看下图：
在这里插入图片描述
但是我们需要的是这种格式:

在此之前在我找了很多javascript原生方法，单由于较复杂，而弃用。
可以用一个插件 moment.js 解决

1：下载，安装

　npm install moment --save

2:引用，我这里是全局引用，并用原型链把方法挂到了vue上面，看下图：

在这里插入图片描述

3：使用，看下图：

在这里插入图片描述

使用格式：

moment(date).format("YYYY-MM-DD HH:mm:ss");    主要是这个 moment( )里面放的格式化的对象，format( )要转化的样子

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^