javascript - 多个 javascript 日期选择器

Question

我正在用 php 构建和网页，所有内容都是这样布局的..

<div>
<form>
<input type='text' id='datepick' />
</form>
</div>

<div>
<form>
<input type='text' id='datepick' />
</form>
</div>

<div>
<form>
<input type='text' id='datepick' />
</form>
</div>

它的布局实际上有点复杂，但基本上我遇到的问题是 datepick id 调用 datpick 函数，但它只适用于第一个输入而忽略其余部分。我不能在那里给他们自己的 ID，所有的输入都必须被称为相同的。

这是功能

<script type="text/javascript">

        new datepickr('datepick', {
            'dateFormat': 'd-m-Y'
        });
</script>

谁能告诉我如何使 datepick 在所有输入字段上工作。

在此先感谢，我正在努力解决这个问题....

Answer 1

看看这里的例子如何使用它：

http://www.joshsalverda.com/sandbox/date_pick/datepickr.html（来自https://code.google.com/p/datepickr/）

你必须给他们自己的身份证。

HTML 规范要求id是唯一的，但它仍会为您呈现页面。在 undefined 中查找非唯一 id 时会找到哪个元素。它可能是第一个，也可能是最后一个，你可能会得到一个错误。

Answer 2

或者只是将 id 更改为提到的类：

<script>    $(function() {
        $( ".datepicker" ).datepicker();
      });
</script>

<p>Date: <input type="text" class="datepicker" /></p>
<p>Date: <input type="text" class="datepicker" /></p>
<p>Date: <input type="text" class="datepicker" /></p>

工作正常。