Javascript 如何仅通过单独的图标而不是通过引用的输入字段激活YUI日期选择器？

我想显示一个AUI/YUI，它只能通过单击相应的图标来激活，而不是像正常情况那样单击焦点或单击事件

var AUI=YUI； 使用'event'，'AUI datepicker'，function{ 函数createCalendarInputBox{ var datumInputField=calendarInputBox.1'input.calendar'； var datumInputFieldSelector=+datumInputField.get'id'。替换/：/g，'\\：'； var datepickerIcon=calendarInputBox.one'.CalendarInputOn'； var datepicker=新的A.datepicker{ 容器：datumInputFieldSelector， 掩码：“%d.%m.%Y”， 日历：{ 星期一：1， }, 流行音乐：{ zIndex:1， } }; 函数updateDatepickerFromInputAndShowDatepicker{ datumInputField.focus； datepicker.show； } datepickerIcon。在“单击”时，更新InputShowDatePicker中的步骤； } A.all'.calendarInputBox'.eachcreateCalendar； }; 偶像

---

除非我弄错了，否则听起来您希望图标成为日期选择器的触发器，并希望它更新输入。如果是这样的话，下面的代码应该可以做到这一点：

var AUI=YUI； AUI.使用'AUI-datepicker'，函数{ var输入=一个“输入”； var datePicker=新的A.datePicker{ 触发器：“div”， 日历：{ 关于：{ dateClick:functionevent{ input.set'value'，A.Date.formatevent.Date，{format:datePicker.get'mask'}； } } } }; };

---

单击我弹出日历，除非我弄错了，否则听起来您希望图标作为日期选择器的触发器，并希望它更新输入。如果是这样的话，下面的代码应该可以做到这一点：

var AUI=YUI； AUI.使用'AUI-datepicker'，函数{ var输入=一个“输入”； var datePicker=新的A.datePicker{ 触发器：“div”， 日历：{ 关于：{ dateClick:functionevent{ input.set'value'，A.Date.formatevent.Date，{format:datePicker.get'mask'}； } } } }; };

---

单击我弹出一些旁注：我不相信AUI{lang:'de'}在Liferay portal中运行时会做任何事情。我相信AUI是从门户网站获得本地化设置的，不能更改。如果您确实希望有一个具有不同本地化的单独组件，那么可以使用单独的YUI沙盒。另外。谢谢，我删除了lang并将图标改为使用span。一些旁注：我不相信AUI{lang:'de'}在Liferay portal中运行时会做任何事情。我相信AUI是从门户网站获得本地化设置的，不能更改。如果您确实希望有一个具有不同本地化的单独组件，那么可以使用单独的YUI沙盒。另外，谢谢，我删除了lang并将图标更改为使用span。