Skip to content

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

Open
@Vulgarever

Description

@Vulgarever

如下图所示

可控制到天不可选:
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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions