博客写得不好,不喜勿喷
由于我们项目开发中需要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 转换成我们想要的格式,并返回显示