多javascript日期选择器

多javascript日期选择器,javascript,Javascript,我正在用php构建网页,所有内容都是这样安排的 <div> <form> <input type='text' id='datepick' /> </form> </div> <div> <form> <input type='text' id='datepick' /> </form> </div> <div> <form> <input t

我正在用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,所有的输入都必须调用相同的ID

这就是函数

<script type="text/javascript">

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

新建日期选择器('datepick'{
“日期格式”:“d-m-Y”
});
有谁能告诉我如何使日期选择在所有输入字段上工作吗


提前感谢,我正在努力解决这个问题……

请看下面的示例,了解如何使用它:

(来自)

你必须给他们所有的身份证


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

请看下面的示例,了解如何使用它:

(来自)

你必须给他们所有的身份证


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

或者只需将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>
$(函数(){
$(“.datepicker”).datepicker();
});
日期:

日期:

日期:


工作正常。

或者只需将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>
$(函数(){
$(“.datepicker”).datepicker();
});
日期:

日期:

日期:


工作正常。

您使用的日期选择器库是什么?不能有多个元素具有相同的
id
!给他们所有相同的
。还有,什么是日期选择器?@RocketHazmat不确定,但我认为1)ID应该是唯一的。2) 您使用的是什么
DatePicker
插件?为什么它们都必须被“称为相同的”?如果必须,请给他们相同的
名称
,但
id必须是唯一的,尤其是对于此库,您使用的是什么日期选择器库?不能有多个元素具有相同的
id
!给他们所有相同的
。还有,什么是日期选择器?@RocketHazmat不确定,但我认为1)ID应该是唯一的。2) 您使用的是什么
DatePicker
插件?为什么它们都必须被“称为相同的”?如果必须的话,给他们相同的
名称
,但是
id
必须是唯一的,特别是对于这个库,问题不是指jQuery UI日期选择器widget@TimothyRadzikowski如果您正在使用jQuery、jQuery UI,并且试图使用
datepicker
小部件,那么这一点是可以实现的。这些都没有在问题中指定,甚至与语法也不太接近:
newdatepicker('datepick',{'dateFormat':'d-m-Y'})显然不是针对jQueryUIDatePicker的。他们很可能会感谢大家的帮助和建议。我只是将所有ID更改为类,并使用jquery datepicker而不是我使用的datpicker。问题不是指jquery UI datepickerwidget@TimothyRadzikowski如果您正在使用jQuery、jQuery UI,并且试图使用
datepicker
小部件,那么这一点是可以实现的。这些都没有在问题中指定,甚至与语法也不太接近:
newdatepicker('datepick',{'dateFormat':'d-m-Y'})显然不是针对jQueryUIDatePicker的。他们很可能会感谢大家的帮助和建议。我只是将所有ID更改为类,并使用jquery datepicker而不是我使用的datpicker。