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>

工作正常。

多个javascript日期选择器

2 个答案: