antd-design的DatePicker组件显示异常图片实例

182 阅读1分钟

按照文档的5个mode类型的实际结果:日期选择的类型, 可以是日期date,时间time,日期+时间datetime,年year,月month

         <DatePicker
            value={this.state.dateTime}
            onOk={this.startTimeConfirm}
            onDismiss={this.startTimeCancel}
            onChange={this.dateTimeonChange}
            mode="date"
            minDate={new Date()}
            format="YYYY-MM-DD">
            <List.Item arrow="horizontal">
              <View style={styles.datePickerListTitle}>
                <Text style={styles.importFlag}>*</Text>
                <Text style={styles.title}>{'用餐日期'}</Text>
              </View>
            </List.Item>
          </DatePicker>

截屏2023-11-08 09.07.34.png

截屏2023-11-08 09.07.55.png

截屏2023-11-08 09.08.12.png

截屏2023-11-08 09.08.25.png

截屏2023-11-08 09.08.43.png