element-plus时间选择器相关

一 时间格式化问题

在vue2调用的elementui中使用的:picker-options="pickerOptions" 属性在element-plus中已经弃用

官方推荐使用dayjs  安装 npm i dayjs -D

dayjs文档 https://day.js.org/docs/zh-CN/display/format

组件引入  import dayjs from ‘dayjs’

使用方式

dayjs(date).format('yyyy-MM-dd')
例如：dayjs('2021-05-31 11:01:35').format("YYYY-MM-DD HH:mm:ss")

 

一 时间限制（如：只能选择今天之前的时间）

使用 disabled-date="TimeOption"

<el-date-picker v-model="form.time" type="datetime" :disabled-date="TimeOption">

 methods: {
    TimeOption(time){
      return time.getTime() > Date.now();
    },
}