Liferay 7日期选择器不会在更改时触发

Liferay 7日期选择器不会在更改时触发,liferay,onchange,liferay-7,liferay-aui,Liferay,Onchange,Liferay 7,Liferay Aui,我将这个AUI日期选择器添加到我的JSP中: <aui:input type="text" id="myDate" name="my-date" value="2017-12-14" placeholder="yyyy-mm-dd" onChange="javascript:alert('date changed');"/> <aui:script> AUI().use( 'aui-datepick

我将这个AUI日期选择器添加到我的JSP中:

<aui:input
    type="text"
    id="myDate"
    name="my-date"
    value="2017-12-14"
    placeholder="yyyy-mm-dd"
    onChange="javascript:alert('date changed');"/>

<aui:script>
    AUI().use(
        'aui-datepicker',
        function(A) {
            new A.DatePicker(
                {
                    trigger: '#<portlet:namespace/>myDate',
                    mask: '%Y-%m-%d',
                    popover: {
                        zIndex: 1000
                    }
                }
            );
        }
    );
</aui:script>

因为前面提到的注释中的家伙使用js回调定义。文档中有几个示例

如果您真的希望onChange也在那里,那么可以从js回调代码触发change事件

<button class="btn btn-primary"><i class="icon-calendar icon-white"></i> Select the date</button>

<script>
YUI().use(
  'aui-datepicker',
  function(Y) {
    new Y.DatePicker(
      {
        trigger: 'button',
        popover: {
          zIndex: 1
        },
        on: {
          selectionChange: function(event) {
            console.log(event.newSelection)
          }
        }
      }
    );
  }
);
</script>
选择日期
YUI()使用(
“aui日期选择器”,
功能(Y){
新Y.日期选择器(
{
触发器:“按钮”,
流行音乐:{
zIndex:1
},
关于:{
选择更改:功能(事件){
console.log(event.newSelection)
}
}
}
);
}
);

因为前面提到的注释中的家伙使用js回调定义。文档中有几个示例

如果您真的希望onChange也在那里,那么可以从js回调代码触发change事件

<button class="btn btn-primary"><i class="icon-calendar icon-white"></i> Select the date</button>

<script>
YUI().use(
  'aui-datepicker',
  function(Y) {
    new Y.DatePicker(
      {
        trigger: 'button',
        popover: {
          zIndex: 1
        },
        on: {
          selectionChange: function(event) {
            console.log(event.newSelection)
          }
        }
      }
    );
  }
);
</script>
选择日期
YUI()使用(
“aui日期选择器”,
功能(Y){
新Y.日期选择器(
{
触发器:“按钮”,
流行音乐:{
zIndex:1
},
关于:{
选择更改:功能(事件){
console.log(event.newSelection)
}
}
}
);
}
);

为什么不使用
selectionChange
事件的
aui日期选择器
?为了回应@EbrahimPasbani,
selectionChange
似乎是正确的选择。这里有一个例子:。您可能还想在这里查看我的相关答案:。为什么不使用
aui日期选择器的
selectionChange
事件?为了回应@EbrahimPasbani,
selectionChange
似乎是正确的选择。这里有一个例子:。您可能还想在此处查看我的相关答案:。