这个报错产生的原因是:
el-date-picker默认是英文显示,我要设置成用中文显示
在使用以下方法后报错:
<template>
<el-config-provider :locale="locale">
<el-date-picker
size="large"
v-model="dateValue"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
format="yyyy-MM-dd "
value-format="yyyy-MM-dd"
@change="customDate"
>
</el-date-picker>
</el-config-provider>
</template>
<script setup>
import { ElConfigProvider } from 'element-plus';
import locale from 'element-plus/lib/locale/lang/zh-cn';
</script>
解决方案:
将以下代码:
import localeZH from ‘element-plus/lib/locale/lang/zh-cn’
替换为:
import localeZH from ‘element-plus/es/locale/lang/zh-cn’
就解决了
但是,我用的是vue3,加了这个格式之后取到的日期值居然是:yyyy-12-Fr 00:00:00
后面终于让我查找到了解决方案 :Vue3这个时间格式年月日都要大写!!!改成如下写法
format=“YYYY-MM-DD hh:mm:ss”
value-format=“YYYY-MM-DD hh:mm:ss”