解决日期选择器选择日期时显示时分秒的问题

Wilson.Zhang

本帖最后由奇衡三于 2024-12-25 11:29 编辑

当在单元格配置日期选择器，并只希望展示年月日时，并在再次编辑过程中也不展示时分秒，一般情况会按如下伪代码所示去做配置：

1. 先配置日期选择器

image.png533852843.png

2. 单元格绑定双击事件（官网有使用按钮的方式，因交互需要这里使用双击单元格触发的方式）弹出日期选择器：

image.png83688048.png

经过以上配置后，双击单元格已经能出现日期选择器了，这里有个问题是：在双击单元格时激活了编辑，该蓝色区域会在选择日期后展示时分秒，单元格失焦后又正确被格式化的问题，后来发现如果双击单元格边框就不会出现编辑态页不会展示中间的时分秒了，这种现象如下图所示：

Untitled.gif192392272.png

基于双击单元格边框现象的这个思路，那么双击单元格时阻止日期单元格进入编辑态就可以了（参考步骤3）。

3. 监听 EditStarting 事件，如果判断如果是日期选择器则阻止单元格进入编辑态（只响应步骤2中定义的双击事件）：

image.png96981505.png

经过步骤3后，则双击选择日期时则不会出现编辑态中的时分秒了，如下图所示：

Untitled2.gif539985961.png

当然这里也会失去对提示用户正在编辑状态的一种交互，这个就看各自业务的取舍了。

Wilson.Zhang · Wilson.Zhang

您好！感谢您分享解决办法。

		自动登录	找回密码
密码			立即注册

[已处理] 解决日期选择器选择日期时显示时分秒的问题

评分

1 个回复