关于ant design moblie 时间选择DatePicker的自定义format的使用

博客写得不好,不喜勿喷
     由于我们项目开发中需要ant design moblie的时间组件(DatePicker),我们需要把时间显示成YYYY-MM格式,
  但由于DatePicker的format不能把时间格式化我们想要的格式,我们就需要自定义format的格式。
     我的代码如下:

                        <DatePicker
                            value={this.state.valueDate}
                            mode="month"
                            minDate={new Date(2015, 7, 6)}
                            maxDate={new Date(2026, 11, 3)}
                            onChange={this.onChange}
                            format={(value: Date) =>{
                                return this.getShowDate(value);
                            }}
                        >
                            <List.Item arrow="horizontal" >选择月份</List.Item>
                        </DatePicker>

 接下来是对应的方法

getShowDate=(value)=>{
    let dateValue = moment(value).format("YYYY-MM");
    let tem = (
        <Text style={{fontSize:18}}>{dateValue}</Text>
    )
    return tem;
}

 

我利用moment把Date 转换成我们想要的格式,并返回显示

 

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页