如何使我的占位符显示在日期选择器输入中？

Question

我的表单中有一个react-datepicker组件，并且我尝试放置一个占位符，该占位符显示“请选择日期”，但datepicker仅显示日期。我进行了研究，有人说，占位符仅在{ {1}}是错误的，但我不知道如何将我的selected={...}设置为默认错误并在切换时显示。

我尝试使用react-datepicker的代码，它是selected={}，但我无法实现

这是我的状态； <​​/ p>

placeholderText=""

这是我的日期选择器组件；

bookTime: {
          data: new Date(),
          name: "bookTime",
          category: "text",
          everFocused: false,
          isValid: true,         
          extra : {
            label:"Randevu Tarihi*",
            help: "Geçersiz Alan!"
          }
       },

Answer 1

似乎您在初始化时将当前日期设置为 bookTime.date 。因此所选的值一开始就不会为空。

尝试在初始化时将bookTime.date值设置为 false 。每当选择新日期时，它（this.handleChangeDatePicker）都应该更新日期。