element ui获取日期选择器DatePicker选中的时间

目录

    • 1. 问题描述
    • 2. 解决

1. 问题描述

  1. 日期选择器示例
<el-date-picker
  v-model="valueTime"
  type="daterange"
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期">
</el-date-picker>

输出:

  1. 选择日期后:
    element ui获取日期选择器DatePicker选中的时间_第1张图片
    此时控制台打印日期:
console.log(this.valueTime);

结果为:

element ui获取日期选择器DatePicker选中的时间_第2张图片

2. 解决

使用element UI中的日期选择器的value-format属性,如图:在这里插入图片描述

<el-date-picker
   v-model="valueTime"
   type="daterange"
   range-separator="——"
   value-format='yyyy-MM-dd'
   start-placeholder="开始日期"
   end-placeholder="结束日期">
</el-date-picker>

此时输出:
element ui获取日期选择器DatePicker选中的时间_第3张图片

你可能感兴趣的:(项目问题小记,javascript,css,vue.js,html5,css3)