Javascript AUI日期选择器错误和解决方法

Javascript AUI日期选择器错误和解决方法,javascript,datepicker,yui,liferay-aui,Javascript,Datepicker,Yui,Liferay Aui,我正在检查Alloy UI日期选择器 给定示例中的问题是没有选择选项。如果我的用户的DOB在70年代,那么用户必须多次单击后退按钮 对于用户来说,这不是一个愉快的场景。如何将我的AUI javascript编辑成jquery提供的月份和年份选项,我假设您在这里使用的是AlloyUI 1.5,因此我建议您使用该组件,但隐藏选择元素,而显示:无。假设您只需要一年下拉列表,您可以同时隐藏月和日下拉列表。我在这里创建了一个可运行的代码段示例: AUI()。使用('AUI-datepicker',函数

我正在检查Alloy UI日期选择器

给定示例中的问题是没有选择选项。如果我的用户的DOB在70年代,那么用户必须多次单击后退按钮


对于用户来说,这不是一个愉快的场景。如何将我的AUI javascript编辑成jquery提供的月份和年份选项,我假设您在这里使用的是AlloyUI 1.5,因此我建议您使用该组件,但隐藏
选择
元素,而
显示:无。假设您只需要一年下拉列表,您可以同时隐藏月和日下拉列表。我在这里创建了一个可运行的代码段示例:

AUI()。使用('AUI-datepicker',函数(A){
var datePicker=new A.DatePickerSelect({
dayNode:“#day”,
monthNode:'月',
颂词:“#年”,
日历:{
日期格式:'%m/%d/%Y'
},
渲染:真
});
//解决日历无法更新的问题
//选择新年时:
var=A.1('年');
关于('change',函数(事件){
datePicker.calendar.set('currentYear',drankode.get('value');
var date=datePicker.calendar.date;
datePicker.calendar.clear();
datePicker.calendar.date=日期;
});
});

我假设您在这里使用的是AlloyUI 1.5,因此我建议您使用该组件,但要隐藏
选择
元素,您不需要使用
显示:无。假设您只需要一年下拉列表,您可以同时隐藏月和日下拉列表。我在这里创建了一个可运行的代码段示例:

AUI()。使用('AUI-datepicker',函数(A){
var datePicker=new A.DatePickerSelect({
dayNode:“#day”,
monthNode:'月',
颂词:“#年”,
日历:{
日期格式:'%m/%d/%Y'
},
渲染:真
});
//解决日历无法更新的问题
//选择新年时:
var=A.1('年');
关于('change',函数(事件){
datePicker.calendar.set('currentYear',drankode.get('value');
var date=datePicker.calendar.date;
datePicker.calendar.clear();
datePicker.calendar.date=日期;
});
});

AUI元件:

 <aui:input name="dateOfBirth" cssClass="dob" id="dateOfBirth" title="Date Of Birth" placeholder="dd/mm/yyyy" readonly="true" >
AUI元素:

 <aui:input name="dateOfBirth" cssClass="dob" id="dateOfBirth" title="Date Of Birth" placeholder="dd/mm/yyyy" readonly="true" >

您可以使用jquerydatepicker@Poonam我可以,但可能不行。我只需要使用AUIyou可以使用jquerydatepicker@Poonam我可以,但可能不行。我只需要使用AUI