Liferay 7日期选择器不会在更改时触发
我将这个AUI日期选择器添加到我的JSP中: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: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
似乎是正确的选择。这里有一个例子:。您可能还想在此处查看我的相关答案:。