将 Duetds Datepicker 与 Wicket 一起使用？

Question

Duetds Datepicker (https://github.com/duetds/date-picker) 是我想使用的一个易于访问的Datepicker，但是用法如下：

<duet-date-picker identifier="date"></duet-date-picker>

与需要输入 HTML-标签的 Wicket 表单组件不兼容。

您是否知道将此 Datepicker 与 Wicket 一起使用的方法或可与 Wicket 一起使用的其他可访问 Datepicker 的方法？（Jquery UI 日期选择器在 Tab 上关闭时效果不佳）

Answer 1

您可以轻松地将此 JS 小部件与 Wicket 一起使用！

在您的 Java 代码中执行：

WebComponent datePicker = new WebComponent("datePicker");
parent.add(datePicker);
datePicker.add(new AjaxEventBehavior("duetChange") {
   @Override public void onEvent(AjaxRequestTarget target) {
      long timestamp = getRequest().getParametersValue("selectedDate").toLong();
      // use timestamp here
   }

   @Override public void updateAjaxRequestAttributes(AjaxRequestAttributes attrs) {
      super.updateAjaxRequestAttributes(attrs);

      attrs.getDynamicExtraParameters().add("return {\"name\": \"selectedDate\", \"value\": attrs.e.detail.valueAsDate.getTime()}");
   }
});

HTML 会像：

 <duet-date-picker wicket:id="datePicker" identifier="date"></duet-date-picker>

将 Duetds Datepicker 与 Wicket 一起使用？

Use Duetds Datepicker with Wicket?

wicket

datepicker