antd的日期选择如何分别修改开始日期placeholder与结束日期placeholder
时间: 2023-06-02 17:04:18 浏览: 266
可以通过设置 RangePicker 组件的属性来实现修改开始日期 placeholder 与结束日期 placeholder。具体的做法是,在 RangePicker 组件中设置属性 defaultValue 或 value 来传入日期的初始值,然后再通过设置 RangePicker 组件中的两个 Input 组件的属性 placeholder 来分别设置开始日期和结束日期的占位符文本。示例代码如下:
```jsx
import React from 'react';
import { DatePicker } from 'antd';
const { RangePicker } = DatePicker;
function DateRangePicker() {
return (
<RangePicker
defaultValue={[moment('2022/01/01', 'YYYY/MM/DD'), moment('2022/01/31', 'YYYY/MM/DD')]}
placeholder={['开始日期', '结束日期']}
/>
);
}
export default DateRangePicker;
```
在上面的代码中,我们通过 defaultValue 属性传入了日期的初始值,即从 2022 年 1 月 1 日到 2022 年 1 月 31 日。同时,我们通过 placeholder 属性设置了开始日期和结束日期的占位符文本,分别为“开始日期”和“结束日期”。这样就可以实现分别修改开始日期 placeholder 与结束日期 placeholder 的效果了。
阅读全文