Element UI 中的 DateTimePicker 日期时间选择器,默认情况下只能选择近一年的日期和时间。这是由于组件的默认配置导致的。如果您需要选择更早的日期和时间,可以通过设置 DateTimePicker 组件的属性来更改其配置。

具体来说,可以使用以下属性:

  • start:指定可选择的最早日期和时间。
  • end:指定可选择的最晚日期和时间。

例如,如果您希望 DateTimePicker 组件可以选择最近 5 年的日期和时间,可以设置 start 属性为当前日期减去 5 年,end 属性为当前日期。示例代码如下:

<el-date-time-picker
  v-model='dateTime'
  type='datetime'
  :start='new Date(new Date().getFullYear() - 5, 0, 1)'
  :end='new Date()'
  placeholder='选择日期时间'>
</el-date-time-picker>

在上面的代码中,start 属性被设置为当前日期减去 5 年的 1 月 1 日,end 属性被设置为当前日期。这样,DateTimePicker 组件就可以选择最近 5 年的日期和时间了。

Element UI DateTimePicker 日期时间选择器 - 如何选择更早日期?

原文地址: https://www.cveoy.top/t/topic/jCSV 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录