next icon indicating copy to clipboard operation
next copied to clipboard

[DatePicker2] disabledDate无效

Open cwtuan opened this issue 2 years ago • 5 comments

Component

DatePicker2

Reproduction link

https://o2.alibaba-inc.com/sandbox/ide?id=183

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
const mountNode = document.getElementById("root");
import { DatePicker2 } from '@alifd/next';
import dayjs from 'dayjs';

const { RangePicker, MonthPicker, YearPicker } = DatePicker2;
const currentDate = dayjs();

const disabledDate = function (date, mode) {
    console.log('aaa disabledDate',date, mode)
    return currentDate.date() != date.date();
};

ReactDOM.render(<div>
    <RangePicker 
    showTime
          timePanelProps={{ format: "HH:mm" }}
    disabledDate={disabledDate} onChange={val => console.log(val)} /><br /><br />
</div>, mountNode);

Steps to reproduce

  1. 选择今天日期、时间,按下确定 image

  2. 点击上方"结束日期"输入框,直接选择右边"时间" image

  3. 原本28号是不能选的,但是却自动选上了 image

cwtuan avatar Apr 27 '22 08:04 cwtuan

endDate 的默认值是明天,造成 disabledDate 的日期被选中了

lakerswgq avatar Apr 27 '22 09:04 lakerswgq

@lakerswgq 有预计修复日期吗

cwtuan avatar Apr 27 '22 10:04 cwtuan

@lakerswgq 有预计修复日期吗

修复方案是将默认 endDate 设置为和 startDate 一致,设计师需要修改交互,等交互方案产出后评估开发时间。目前暂无确切修复日期,之后进展会在 issue 同步。

lakerswgq avatar May 05 '22 07:05 lakerswgq

@lakerswgq 或者简单一点,当日期没选择时,禁止选择时间

cwtuan avatar May 05 '22 11:05 cwtuan

"修复方案是将默认 endDate 设置为和 startDate 一致" => 这个还需要有新的交互吗?

cwtuan avatar May 11 '22 05:05 cwtuan