专栏首页vue的实战element-ui日期选择器的日期格式转换(d.getFullYear() 提示找不到。)

element-ui日期选择器的日期格式转换(d.getFullYear() 提示找不到。)

时间格式转换的问题.png

我们期望的格式: 2019-04-30 ~ 2019-05-03

日期组件的引入
      <el-date-picker
        :picker-options="pickerOptions"
        v-model="value1"
        :change = "change"
        type="daterange"
        range-separator="~"
        :start-placeholder="a"
        :end-placeholder="b"
      >
      </el-date-picker>

时间必须用: var d = new Date( )格式来转换 如果没有用 new Date(); 那么有可能 d.getFullYear() 会提示找不到。

      change(val) {
        this.mark = 1;
   
        // console.log(val[0]);
        // var d =val[0];
        // var d1 = val[0];
        var d = new Date(val[0]);   
        var d1 = new Date(val[1]);
        var startDate =
          d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " ";
        var endDate =
          d1.getFullYear() + "-" + (d1.getMonth() + 1) + "-" + d1.getDate() + " ";
        this.date = startDate + "~" + endDate;
        // console.log(this.date);
    
      }

结果得到正确的时间格式 2019-1-30 ~2019-4-30

正确的时间格式.png

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • iView-----日历组件

    用户4344670
  • 2019-08-20 ES6的 数组方法,变量的定义,模板字符串(第一天)

    用户4344670
  • vue-axios调用接口

    用户4344670
  • 我在网站开发中经常用到的几个js函数01

    用户1737026
  • C# 多线程六之Task(任务)三之任务工厂

    前面两篇关于Task的随笔,C# 多线程五之Task(任务)一 和 C# 多线程六之Task(任务)二,介绍了关于Task的一些基本的用法,以及一些使用的要点,...

    郑小超.
  • 第34天:日期函数、定时器、倒计时

    一、日期函数(Date()) 设置本地日期:年月日时分秒 1、声明日期 var date=new Date();//创建一个新的日期函数 2、使用函数 date...

    半指温柔乐
  • Kmeans算法学习与SparkMlLib Kmeans算法尝试

    K-means算法是最为经典的基于划分的聚类方法,是十大经典数据挖掘算法之一。K-means算法的基本思想是:以空间中k个点为中心进行聚类,对最靠近他们的对象归...

    用户3003813
  • JavaScript中的iterable类型(Map,Set,Array三种)的遍历方法for in;for of;forEach的用法区别

    遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于i...

    acoolgiser
  • .NET/C# 反射的的性能数据,以及高性能开发建议(反射获取 Attribute 和反射调用方法)

    发布于 2018-11-03 15:25 更新于 2018-12...

    walterlv
  • 通过dblink使用expdp能不能导出9i库的数据?

    expdp/impdp是10g推出的导入导出工具,9i下是没有该工具的,有人提议用10g的expdp,通过dblink导出9i的数据,乍一听感觉是那么回事,但究...

    bisal

扫码关注云+社区

领取腾讯云代金券