博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用element ui 日期选择器获取值后的格式问题
阅读量:7054 次
发布时间:2019-06-28

本文共 521 字,大约阅读时间需要 1 分钟。

1、在项目中用到了element ui里面的日期选择器,发现有格式问题,如下代码:

{
{ scope.row.publish_time }}
复制代码

选择日期的时候格式并没有问题,如下:

但是由于它的格式问题我们实际上获取到数据格式是:

2、知道问题后查看官方文档,有这么一段描述:

3、解决方案1(不适用于我这个项目,但是适用于大部分的项目)

由于在官方文档中,有提到可以使用change

复制代码

然后在methods中,添加一个方法即可,代码如下:

formatTime(val) {    this.time=val;}复制代码

这个方法是直接将v-model里面的值改变,但由于我的项目日期里面v-model的值,是整个动态循环绑定的,不能知道当前的time值,所以可用下面的方法2

4、解决方法2(适用于我的项目,个人认为更加方便简洁)

代码如下:

{
{ scope.row.publish_time }}
复制代码

效果如下:

获取到的数据如下:

主要是用了value-format,官方文档解释如下:

戳这里✔️

转载地址:http://ullol.baihongyu.com/

你可能感兴趣的文章
聊聊titlebar和沉浸式那些事
查看>>
macOS mkdir: /usr/var: Operation not permitted
查看>>
LuaScriptCore v2.4.0 发布,移动端 Lua 桥接框架
查看>>
关于AppCompatAutoCompleteTextView使用总结
查看>>
上网搜了很多JQuery树型表格插件都不满意,决定自己写
查看>>
最新Django2.0.1在线教育零基础到上线教程(七)-7-完结
查看>>
彻底解决mysql中文乱码
查看>>
简单优化前端工程几种方式(上篇)
查看>>
Spring Cloud Spring Boot mybatis分布式微服务云架构(十二)返回JSON格式
查看>>
Python全栈 MongoDB 数据库(Mongo、 正则基础、一篇通)
查看>>
react native 开发常用优质第三方组件
查看>>
C# 操作Word文本框——插入表格/读取表格/删除表格
查看>>
Mybatis-Generator_学习_02_使用Mapper专用的MyBatis Generator插件
查看>>
云栖大会首设“科技脱贫”专场 ,20张会场门票等你来拿!
查看>>
Redis字符串类型内部编码剖析
查看>>
TensorFlow实战(一)-人工智能基础知识
查看>>
ubuntu16下安装metasploit的笔记
查看>>
JavaScript MVC 学习笔记(三)类的使用(中)
查看>>
Hibernate-ORM:04.Hibernate中的get()和load()
查看>>
邮件推送的邮件模板如何编辑退订代码?
查看>>