ViewUIPlus icon indicating copy to clipboard operation
ViewUIPlus copied to clipboard

DatePicker 组件设置type="datetimerange",设置当前时间之后不允许选择,只能控制到天,无法控制到时分秒

Open Vulgarever opened this issue 7 months ago • 2 comments

如下图所示

可控制到天不可选: Image 无法控制时分秒 Image

目前设置不可选日期只能精确到天,时分秒无法控制,希望可以支持控制到时分秒,我的代码如下:

<template>
  <p>当前时间:{{nowTime}}</p>
  <p>设置当前时间之后不可选:</p>
  <DatePicker
      type="datetimerange"
      format="yyyy-MM-dd HH:mm:ss"
      v-model="time"
      :options='pickerOptions'
      clearable
      style="width: 100%"
    ></DatePicker>
</template>
<script>
  export default {
    
    data () {
      return {
        time: ['', ''],
        nowTime: new Date(),
        pickerOptions: {
          disabledDate: (date) => {
            return date && date.valueOf() > Date.now();
          }
        }
      }
    }
  }
</script>

Vulgarever avatar May 14 '25 07:05 Vulgarever