jQuery日期选择器的几个实例

Question

想象一下，我有一个表格，我希望有一个“租期”和“返回日期”。

我想用日历来挑选。

但是，我的代码无效。我认为这与他们两个具有相同ID但我不想为我需要使用的每一个（当前大约4个）重写一整套新CSS有关。

<script type=”text/javascript”>
    jQuery(document).ready(function(){
        $( "#datepicker" ).datepicker();
                $( "#datepicker" ).datepicker2();
    });
</script> 

<div class="demo">
  <p>Date: <input id="datepicker" class="datepicker" type="text"></p>
</div>         <!-- End demo -->

<div class="demo">
  <p>Date: <input id="datepicker" class="datepicker" type="text"></p>
</div>         <!-- End demo -->

Answer 1

HTML element IDs must be unique

请改用班级。

$( ".datepicker" ).datepicker();

如果某个文档包含多个具有相同ID的元素，则会发生you will be eaten by velociraptors the Great Cthulhu will be summoned and consume the world个坏事（正如您所见！）。

Answer 2

如果你有几个具有相同id的元素，那么选择器将只返回第一个。

您应该使用类选择器来分配日期选择器。

我认为这可行：

$(".datapicker").datepicker();

Answer 3

如果您为页面上的多个项目分配了相同的ID，那么任何javascript都会遇到更多问题。你需要先解决这个问题。

ID应该是唯一的，否则你将会遇到javascript / jquery使用的各种各样的错误。

Answer 4

无论您如何看待它，ID都必须是唯一的