javascript - 如何更改按日期和月份搜索的默认值

Question

我有关于日期值的问题。问题是当我点击灵活搜索按钮时，它将显示今天的日期，但该值为空，我无法搜索我必须点击的任何内容并将其更改为能够点击搜索按钮的任何日期。

这是我的代码库：

  getStartDate() {
    let date = this.props.form["startDate"];
    if (date === "") {
      date = moment().format("MM/DD/YYYY")
    }
    return date
  }

 render() {
    const { localize } = this.context;
    let dateSearch;
    let datePickerValue: any = this.getStartDate();

if (this.props.form["flexibleSearch"]) {
  dateSearch = (
    <MvSelect
      name="startDate"
      onChange={this.handleInput}
      label={localize('static.content.search-month')}
      required={true}
      value={this.props.form["startDate"]}
      items={this.props.criteria.searchMonths}
      tabIndex={2}
    />
  );
} else {

  dateSearch = (
    <MvDatePicker
      id="exact-date"
      name="startDate"
      required={true}
      tabIndex={2}
      softError={"Date not in range"}
      items={this.props.criteria.searchMonths}
      placeholder={localize('static.content.search-by-date')}
      onChange={this.handleInput}
      value={datePickerValue}
    />

我发现当我将这行代码添加this.props.form["startDate"] = date到函数getStartDate()中时，它将能够搜索，因为我有默认值，但如果我这样做，我会在搜索月份时丢失默认值，即“按月份搜索”是默认值值，但现在它显示“2021 年 10 月”作为默认值

标签： javascriptreactjstypescriptreact-typescript