如何在React Native中的文本输入占位符中显示当前日期

Question

             `<View style={styles.dateInput}>
              <Text style={styles.text}>To Date</Text>
              <TouchableOpacity onPress={() => showDatePicker(false)}>
                <TextInput
                  placeholder="Select Date"
                  value={toDate}
                  editable={false}
                  style={styles.dateinput}
                />
              </TouchableOpacity>
            </View>
            <DateTimePickerModal
              isVisible={isDatePickerVisible}
              mode="date"
              onConfirm={handleDateConfirm}
              onCancel={hideDatePicker}
            />`

我想显示当前日期来代替占位符中的“选择日期”。我有一个日期选择器输入用于选择日期。

Answer 1

您需要一个保存至日期值的状态。 还有dayjs。你可以展示它 ez:

           <View style={styles.dateInput}>
              <Text style={styles.text}>To Date</Text>
              <TouchableOpacity onPress={() => showDatePicker(false)}>
                <TextInput
                  placeholder="Select Date"
                  value={dayjs(toDate).format("DD/MM/YYYY")}
                  editable={false}
                  style={styles.dateinput}
                />
              </TouchableOpacity>
            </View>
            <DateTimePickerModal
              isVisible={isDatePickerVisible}
              mode="date"
              onConfirm={handleDateConfirm}
              onCancel={hideDatePicker}
            />