Javascript AUI日期选择器：如何访问当前元素

有人认识AUI的日期选择器吗？ 有一个教程 如果给出了该代码：

YUI().use(
  'aui-datepicker',
  function(Y) {
    new Y.DatePicker(
      {
        trigger: 'button',
        popover: {
          zIndex: 1
        },
        on: {
          selectionChange: function(event) {
            console.log(event.newSelection)
          }
        }
      }
    );
  }
);

我的问题是如何访问分配给datepicker的元素i。E按钮，在回拨选择更改？

---

我试图阅读完整的文档，但不理解。

在您链接的示例中，没有存储所选日期的“目的地”。 您需要一个输入字段，并在日期选择器的

selectionChange

功能中更改其值

HTML

<input id="selected_date" class="field-input field-input-text" type="text">
<button class="btn btn-primary"><i class="icon-calendar icon-white"></i> Select the date</button>

---

---

顺便说一句：如果您开发的是较新的浏览器，您可以使用输入字段

type=“date”

，这样您就不需要外部日期选择器库。

在链接的示例中，没有存储所选日期的“目的地”。 您需要一个输入字段，并在日期选择器的

selectionChange

功能中更改其值

HTML

<input id="selected_date" class="field-input field-input-text" type="text">
<button class="btn btn-primary"><i class="icon-calendar icon-white"></i> Select the date</button>

---

---

顺便说一句：如果您的浏览器是为较新的浏览器开发的，您可以对输入字段使用

type=“date”

，这样就不需要外部日期选择器库。

要在

selectionChange

事件期间获取触发器元素，您可以执行以下操作：

selectionChange: function(event) {
    var triggerNode = Y.one(event.target.get('trigger'));
    // Your code here ...
}

下面是一个可运行的示例，使用您的代码显示

selectionChange

上按钮的html：

YUI（）.use（'aui-datepicker'，函数（Y）{
新Y.日期选择器({
触发器：“按钮”，
流行音乐：{
zIndex:1
},
关于：{
选择更改：功能（事件）{
var triggerNode=Y.one（event.target.get（'trigger'）；
警报（triggerNode.get（'outerHTML'）；
}
}
});
});

选择日期要在
selectionChange
事件期间获取触发器元素，可以执行以下操作：

selectionChange: function(event) {
    var triggerNode = Y.one(event.target.get('trigger'));
    // Your code here ...
}

下面是一个可运行的示例，使用您的代码显示
selectionChange
上按钮的html：


YUI（）.use（'aui-datepicker'，函数（Y）{
新Y.日期选择器({
触发器：“按钮”，
流行音乐：{
zIndex:1
},
关于：{
选择更改：功能（事件）{
var triggerNode=Y.one（event.target.get（'trigger'）；
警报（triggerNode.get（'outerHTML'）；
}
}
});
});

选择日期
访问是什么意思？例如
document.querySelector（'button'）
？访问是什么意思？例如
document.querySelector（'button'）
？如果事情真的那么简单，我会自己找到解决方案。但是有几个输入字段，我必须确定datepicker分配给哪个字段，或者用户当前操作过哪个字段。（原因：我必须将所选日期存储在本地存储器中。）应该可以从此或事件中派生出来。我们不使用type=“date”的原因是浏览器支持不足。“分配给”是什么意思？在OnSelectionChange中，定义日期选择器编辑的输入字段get。您可以使用数据属性在dom中某种程度上显示元素是属于一起的（如日期选择器按钮上的
data-alloy=“selected date”
）。如果您将输入设置为只读（`readonly=“readonly”），并在单击输入字段时触发日期选择器，则用户只能使用日期选择器操作输入字段。如果事情真的那么简单，我会自己找到解决方案。但是有几个输入字段，我必须确定datepicker分配给哪个字段，或者用户当前操作过哪个字段。（原因：我必须将所选日期存储在本地存储器中。）应该可以从此或事件中派生出来。我们不使用type=“date”的原因是浏览器支持不足。“分配给”是什么意思？在OnSelectionChange中，定义日期选择器编辑的输入字段get。您可以使用数据属性在dom中某种程度上显示元素是属于一起的（如日期选择器按钮上的
data-alloy=“selected date”
）。如果您将输入设置为只读（`readonly=“readonly”），并在单击输入字段时触发日期选择器，则用户只能使用日期选择器操作输入字段。这正是我所需要的！非常感谢你！相当复杂，我自己没有机会得到答案。@UlrichBangert，太好了！如果这回答了你的问题，那么你能检查一下答案旁边的绿色标记吗？是的，这就是答案。可以轻松获取该元素的属性。还有一个问题：如何将输入的日期字符串输入到输入元素中（按照“掩码”进行格式化）？@UlrichBangert此问答应回答该问题：感谢此链接。我似乎遇到了我的问题，但我无法让它发挥作用：这正是我所需要的！非常感谢你！相当复杂，我自己没有机会得到答案。@UlrichBangert，太好了！如果这回答了你的问题，那么你能检查一下答案旁边的绿色标记吗？是的，这就是答案。可以轻松获取该元素的属性。还有一个问题：如何将输入的日期字符串输入到输入元素中（按照“掩码”进行格式化）？@UlrichBangert此问答应回答该问题：感谢此链接。我似乎遇到了我的问题，但我无法让它发挥作用：