Datepicker打开时出现一些问题

时间:2013-06-22 22:11:27

标签: javascript jquery tabs datepicker

我在我的网络应用中使用了datepicker jquery,但是我遇到了一些问题:   我有两个选项卡,其中一个我有两个菜单,我在菜单中互相使用datepicker。   第二个选项卡有一个菜单,我也使用datepicker。 当我加载我的网页,并尝试使用datepicker设置一些日期时它是工作(datepicker被打开)。但之后我转到此选项卡或其他选项卡中的第二个菜单,并尝试在我的输入日期中设置一些日期,但不打开datepicker。我也在这个页面中使用ajax。 怎么了? THX!

  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  <input type="text" name="dateTime" id="dateTime" placeholder="yyyy-mm-dd" required />
  <script>
     $(function() {
       $("#dateTime").datepicker({ dateFormat: "yy-mm-dd" , changeMonth: true });
     });
  </script>

1 个答案:

答案 0 :(得分:1)

问题是选择器

$("#dateTime")

页面中的ID应该是唯一的

改为使用类。

因为您使用的是ID selector,所以它试图找到该元素的第一个实例。一旦找到它,再次停止搜索。因此它永远不会应用于其他标签中的元素..

更改

<input type="text" name="dateTime" id="dateTime"

<input type="text" name="dateTime" class="dateTime"

然后将选择器更改为

$(".dateTime")