java - 如何通过 wicket ajax 行为捕获来自 <input type ="date"> 的事件？

Question

我有一个输入字段:

<input type="date" wicket:id="date">

并尝试在 js 中捕获更改事件，如下所示:

let dateInput = document.querySelector('input[type=date]');
dateInput.onchange = log;


function log() {
   console.log(this + " - " +event+": " + this.value);
}

但是在java中有些行为如下:

DateTextField dateField = new DateTextField("dateField");
dateField.add(new AjaxEventBehavior("onchange") {
    @Override
    protected void onEvent(AjaxRequestTarget target) {
        System.out.println("hello");
    }
}

或者

DateTextField dateField = new DateTextField("dateField");
dateField.add(new OnChangeAjaxBehavior() {
    @Override
    protected void onUpdate(AjaxRequestTarget target) {
        System.out.println("hello");
    }
});

或者

DateTextField dateField = new DateTextField("dateField");
dateField.add(new AjaxFormComponentUpdatingBehavior("onchange") {
    @Override
    protected void onUpdate(AjaxRequestTarget target) {
        System.out.println("hello");
    }
});

无法捕捉此事件。

DateTextField 是 org.apache.wicket.extensions.markup.html.form.DateTextField;

Answer 1

我找到了解决方案 - 需要正确的日期模式，输入的模式必须与 java Date 的模式匹配。 这是工作:

DateTextField dateField= new DateTextField("dateField", Model.of(new Date()),"yyyy-MM-dd");
dateField.add(new OnChangeAjaxBehavior() {
    @Override
    protected void onUpdate(AjaxRequestTarget target) {
        System.out.println("hello");
    }
});