如何在antd中将今天日期设置为默认日期？

Question

我想将今天日期设置为ant design日期选择器中的默认选定日期。 我该怎么办？

<DatePicker
 onChange={this.onChange}
 defaultValue={moment("YYYY-MM-DD")}
 />

我正在尝试使用此行执行此操作，但该行不起作用。

Answer 1

只需调用不带参数的moment并将格式分隔为其属性即可。

const dateFormat = 'YYYY/MM/DD';

ReactDOM.render(
  <div>
    <DatePicker defaultValue={moment()} format={dateFormat} />
  </div>,
  document.getElementById('container'),
);

Answer 2

您可以在安装时设置一个函数来创建今天的日期

data() {
  return {
    date: ''
  };
},
methods: {
  getDate() {
    const d = new Date(date),
        month = '' + (d.getMonth() + 1),
        day = '' + d.getDate(),
        year = d.getFullYear();

    if (month.length < 2) 
        month = '0' + month;
    if (day.length < 2) 
        day = '0' + day;

    this.date = [year, month, day].join('-');
  },
},
mounted() {
  this.getDate();
}

然后您可以将this.date值传递给默认值，如下所示：

<DatePicker
 onChange={this.onChange}
 defaultValue={moment(date)}
 />

如果此脚本不起作用： [year, month, day].join('-')您可以更改为${year}-${month}-${day}

告诉我这是否仍然无法解决您的问题，因为据我了解，您试图在今天之前设置默认值，对吗？