el-date-picker daterange 获取YY-mm-dd

可以通过 el-date-picker 的 value-format 属性来设置日期格式，同时也可以使用 range-separator 属性来设置日期范围的连接符。例如：

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

<script>
export default {
  data() {
    return {
      dateRange: []
    }
  }
}
</script>

上述代码中，我们设置了 el-date-picker 的 type 为 daterange，同时设置了 value-format 为 'yyyy-MM-dd'，即获取 YY-mm-dd 格式的日期。同时，我们还设置了 range-separator 属性为 ' ~ '，用于连接起始日期和结束日期。

相关问题

vue中 <el-form-item prop="date_de"> <el-date-picker v-model="table.search" type="daterange" value-format="YYYY-MM-DD" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" /> </el-form-item>如何使用el-data-picker 传两个变量的值

对于el-form-item中的el-date-picker组件，可以通过v-model指令来实现传递两个变量的值。你可以将v-model绑定到一个对象上，并在该对象中定义两个属性来存储选择的日期范围。下面是一个示例：

<el-form-item prop="date_de">
  <el-date-picker
    v-model="table.search.dateRange"
    type="daterange"
    value-format="yyyy-MM-dd"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
  />
</el-form-item>

在Vue的data属性中，定义一个table对象，并在该对象中定义一个search属性，用于存储日期范围：

data() {
  return {
    table: {
      search: {
        dateRange: [] // 存储日期范围的数组
      }
    }
  };
},

这样，当用户选择日期范围时，`table.search.dateRange`将会被更新为选择的开始日期和结束日期的数组。你可以通过访问`this.table.search.dateRange[0]`获取开始日期，通过访问`this.table.search.dateRange[1]`获取结束日期。

注意：在el-date-picker组件中，`value-format`属性用于指定日期值的格式，请确保它与你的需求相匹配。

希望这能帮到你！如有任何问题，请随时提问。

后端使用 private List<Date> exeTime;前端 <el-form-item label="执行时间" prop="exeTime"> <el-date-picker clearable v-model="queryParams.exeTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" placeholder="请选择创建时间"> </el-date-picker> </el-form-item>查询不来数据数组返回为空

前端传递的参数是一个 Date 类型的数组，而后端接收的参数是一个 List<Date> 类型的，需要在前端传递参数时将数组转换为 List。可以在前端代码中使用 JavaScript 的 Array.prototype.map() 方法将 Date 类型的数组转换为字符串类型的数组，然后再传递给后端。修改后的代码如下：

<el-form-item label="执行时间" prop="exeTime">
  <el-date-picker clearable
                  v-model="queryParams.exeTime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  type="datetimerange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  placeholder="请选择创建时间">
  </el-date-picker>
</el-form-item>

<script>
  export default {
    data() {
      return {
        queryParams: {
          exeTime: []
        }
      };
    },
    methods: {
      search() {
        // 使用 Array.prototype.map() 方法将 Date 类型的数组转换为字符串类型的数组
        let exeTime = this.queryParams.exeTime.map(item => {
          return item.toLocaleString();
        });

        // 将转换后的参数传递给后端
        let params = {
          exeTime: exeTime
        };

        // 发送请求
        axios.get('/api/data', { params: params })
          .then(res => {
            console.log(res.data);
          })
          .catch(err => {
            console.log(err);
          });
      }
    }
  }
</script>

这样就可以将前端传递的参数转换为后端需要的 List 类型了。