ZK 自定义日期时间选择器

问题描述 投票:0回答:1

如何自定义日期时间选择器,

我想在 << and > 附近添加 < and >> 按钮。当前 < and > 按钮显示上个月或下个月的日历。

我希望明年显示新添加的按钮,例如,当天 2024 年 6 月 10 日,当我单击下一个按钮时,它显示 2024 年 7 月 10 日,我想添加 >> 按钮并单击它,它应该显示 2025 年 6 月 10 日。有什么想法吗?

ZK 9.6版输入日期和时间选择器

zkoss.org/zkdemo/input/date_and_time_picker - 这是我在项目中使用的,它有上个月和下个月的日历按钮反映在日历弹出窗口顶部的< and >我想添加上一年和明年的按钮

javascript date zk
1个回答
0
投票

ZK中的datebox组件已经具备了从控件切换年份的方法。

如果单击月份名称,日期框将转到“月份”选择。 (选择一月至十二月)。在该状态下,单击向左或向右箭头将移至下一年/上一年。

如果单击年份数字,您将进入年份选择日期,其工作原理相同,但允许您查看十年(10 年),然后再次单击可切换世纪(100 年)。

现在,我知道这并不完全是您所询问的行为。并且ZK可以定制。

要做出这种改变,我建议从这里开始:

如何构建自定义模具(需要向现有控件添加元素)https://www.zkoss.org/wiki/ZKClient-sideReference/Customization/Custom_Mold

如何自定义小部件类https://www.zkoss.org/wiki/ZKClient-sideReference/GeneralControl/WidgetCustomization

最后,即使您想要在 Datebox 上进行更改,Datebox 组件本身也包含一个名为“日历”的不同小部件,它是显示您提到的按钮的小部件。这是 ZK 9.6.5 的日历模具和小部件类:

https://github.com/zkoss/zk/blob/v9.6.5/zul/src/archive/web/js/zul/db/Calendar.js https://github.com/zkoss/zk /blob/v9.6.5/zul/src/archive/web/js/zul/db/mold/calendar.js

© www.soinside.com 2019 - 2024. All rights reserved.