smart-ui的Calendar 组件问题

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
18320328341
Posts: 10

  • Tuya MiniApp IDE 版本信息:关于中查看
    • App 应用版本信息: 设置-关于中进行查看~
    • @ray-js/ray, @ray-js/panel-sdk的版本(如使用ray开发)在package.json查看~
    • 移动设备信息:手机型号及系统
    • 相关代码:可复现该问题的代码内容
    • 日志信息:错误日志或 IDE 运行日志等~
    • 问题描述(复现步骤):dayClassMap的初始值是{
      '2025-01-17': 'calendar-disabled',
      '2025-01-18': 'calendar-disabled',
      },然后再我点击onSelect之后将这个dayClassMap的值改为{
      '2025-01-17': 'calendar-disabled',
      '2025-01-18': 'calendar-disabled',
      '2025-01-19': 'calendar-disabled',
      }

第一张图是一开始的,然后我点击23,就是第2张图,之后点了24之后就是第三张图,才会出现19号下面有黄点,但是再第2张图时dayClassMap的值已经更新,可以下面日期没有增加calendar-disabled类名,直到我点24才有加到calendar-disabled类名,因为伪类是有calendar-disabled这个类名才显示,所以只是起到个直观效果的作用,我想问的是为什么dayClassMap值已经更新,也就是第2张图,但是下面的19号日期没有新增calendar-disabled这个类名

Code: Select all

- 预期结果:

- 实际结果:

Tags:
muhai
Posts: 100

Re: smart-ui的Calendar 组件问题

图片丢了,重新传下截图看看

18320328341
Posts: 10

Re: smart-ui的Calendar 组件问题

已解决问题了,感谢大佬的参与答疑解惑,这里避个坑, Calendar 组件只能setCurDayDate(e.detail);这样设置才不会出现更新不对的问题,而我是为了适配我的需求将其先转换为时间戳,所以会出现这个问题 setCurDayDate(new Date(e.detail).getTime());,也就是这样写,这样是不对的,如果需要设置时间戳,建议另加变量来控制

Post Reply