[英]Wicket DateTextField with <input type="date"> not working
[英]How catch event from <input type="date"> by wicket ajax behaviors?
我有一个输入字段:
<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;
我找到了解决方案 - 需要正确的日期模式,输入模式必须与 java 日期模式匹配。 这是工作:
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");
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.