如何在ElementUI的DatePicker组件中选择日时快捷选择上午/下午并展示在输入框?-灵析社区

应该是最帅的鹅

ElementUI中的DatePicker组件,想要实现选择日的时候快捷选择上午/下午。 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/88b7900e1327b1d8d99bb0c400a5ef4a.png) 这个功能该如何实现。 我尝试通过DatePicker中的`PickerOptions`API中的shortcuts api来进行快捷项配置的处理。但在选择某天的上午,如6月22日的上午,但在日期回显输入框里展示的还是`2024-06-22`,但我要的展示效果是`2024-06-22 上午`

阅读量:187

点赞量:0

问AI
format中可以指定上下午,但是这个上下午不支持中文 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/357eea1674ed6cd92586ccef54d186e3.png) "https://element.eleme.cn/#/zh-CN/component/date-picker#ri-qi-..." (https://link.segmentfault.com/?enc=nmFFXuClFbTyCzZ1OB0yKg%3D%3D.%2Fh3AvFvZqQpltV3LA52rp4EiGWrAzDeCOk6n5hKuCUstP4uF7L3E3AuBteJ0tjP%2F6dWUCh90%2FimiZ5CPxFfeLb4%2Bg%2F9Kj3uEZ6tL%2BmGn0U0%3D) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/733d8231e2f62cb780b105ec554a1b20.png) 看了下源码,是因为源码写死了 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/3a0fa890e57aac2428fe19d79d57b49d.png) "https://github.com/ElemeFE/element/blob/dev/src/utils/date-util.js#L1" (https://link.segmentfault.com/?enc=FVND2D9cdac%2FIxO3rgkJUA%3D%3D.lyaA8jkfBqqxmILBE4zwigwkQNol38dJtK18DxkId3aVlFZNo2oODdz%2F0hNlv%2BQxUOjGZgy4V9rDxTJfBr%2FTUDc1vHqe98loZejL3B%2BnqXs%3D) 所以只能另辟蹊跷,关于ri-qi-ge-shi的文档,最后一行,可以看出,使用"[xx]"的格式可以不进行格式化,所以可以利用这个特性曲线救国 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/134649552da09469e2180b8116d3547b.png) 动态改变format "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/a3e20fc7e692dbf7cc99648de6c70e86.png)