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元素ID 必须是唯一的.

请改用班级.

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

如果一个文件包含多个具有相同ID的元素,那么你将会被迅猛龙吃掉, 大召唤将会被召唤并消耗掉世界上会发生的坏事(如你所见!).