简介
在 JS
中实现日历组件.
用例:
1.用户点击输入,调用日历
2.用户选择日期
3.日历关闭,日期进入特定输入
问题:
相同的日期进入两个输入
代码:
页面上有两个类似的(即需求)输入:
<input class="date"/>
<input class="date"/>
监听器以这种方式绑定(bind)在这些输入上:
<body onload="FlipCalendar.placeholder('date')"/>
elems[i]
这是<input>
吗,这是通过函数传递的(按顺序):
1. var placeholder = function(className){...}
2. var dateInit = function(calInvoker){...}
3. var selectDay = function(day,calInvoker){...}
问题和期望:
问题是为什么两者 <input>
已更新,何时调用特定一个的日历?
我假设,引用 elems[i]
是独一无二的,但它发生了,它被称为所有 <input>
s 在页面上。
演示:
<强> live demo
附言
抱歉,我的演示中有很多非结构化代码。
我上面提到的 3 函数在这里非常相关。
最佳答案
t.addEventListener
替换为 t.onclick
。
关于javascript - 具有相同 CSS 类的多个 <input> 已更新,而不是一个特定的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9033560/