这个样式怎么写

Question

这个怎么实现呢，并且好用，在用户的角度考虑

Answer 1

使用 format 属性，可以自定义日期显示格式，例子：
自定义日期格式

关键代码：

const dateFormat = 'YYYY-MM-DD-a';
const customFormat = value => {
  return `${value.format(dateFormat)}`
};

<DatePicker defaultValue={moment('2021/08/09', dateFormat)} format={customFormat} />

https://momentjs.com/docs/#/u...，按照这里的设置，你webpack.config.js里设置moment语言环境为中文，上面这例子里就显示成上午下午了。

结合momentjs官网例子和文档，日期格式格式处理，很简单的：