在CQ5中使用Datepicker构建表单

时间:2016-01-06 21:36:54

标签: cq5 aem

我在CQ5中很新。我使用的是CQ 5.6版。我必须构建一个具有以下功能的表单 1.开始日期 2.结束日期 3.客户名称 4.性别 5.网址 我正在使用CQ5表单组件。对于功能3,4和5,我使用文本字段,单选按钮和来自sidekick的链接组件。但是对于1和2(日期)我不知道该怎么做。我正在寻找一个datepicker类型的选项,但我没有在表单组件组中找到它们。有没有办法添加这样的组件?

1 个答案:

答案 0 :(得分:1)

是的,有CQ.form.DateTime小部件。它可用作datetime xtype。

但它不能通过sidekick获得,因为datewidget不是一个组件,而是一个ExtJs小部件,它可以通过一个简单的xtype include包含在组件对话框中。 通过sidekick提供它需要创建一个简单的"日期和时间"组件的对话框定义中包含日期时间窗口小部件的组件。

geometrixx-media示例项目中的author-summary组件是一个很好的示例,因为它的对话框定义使用datetime小部件来呈现发布日期和时间。只需通过vlt查看/ apps / geometrixx-media / components / author-summary / dialog / items / publishedDate或访问crxde中的路径。

https://docs.adobe.com/docs/en/cq/5-6/widgets-api/index.html?class=CQ.form.DateTime为您提供此小部件的完整文档。