next
next copied to clipboard
[DatePicker2] disabledDate无效
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
-
选择今天日期、时间,按下确定
-
点击上方"结束日期"输入框,直接选择右边"时间"
-
原本28号是不能选的,但是却自动选上了
endDate 的默认值是明天,造成 disabledDate 的日期被选中了
@lakerswgq 有预计修复日期吗
@lakerswgq 有预计修复日期吗
修复方案是将默认 endDate 设置为和 startDate 一致,设计师需要修改交互,等交互方案产出后评估开发时间。目前暂无确切修复日期,之后进展会在 issue 同步。
@lakerswgq 或者简单一点,当日期没选择时,禁止选择时间
"修复方案是将默认 endDate 设置为和 startDate 一致" => 这个还需要有新的交互吗?