jQuery 选择器和事件

【问题标题】：jQuery Selector & EventsjQuery 选择器和事件
【发布时间】：2011-07-23 09:35:55
【问题描述】：

jQuery UI 功能：

// Datepicker
$('#datepicker').datepicker({
inline: true
});

事件：

<input name="txtLogistics_ExecutionDate" type="text" id="datepicker" onfocus="datepicker();" />

我的问题是：

对如何跨多个文本字段实施日期选择器感到困惑。

我是否必须为函数上的每个文本字段 ID 命名？如何分配给任何字段或将 ID 传递给 Jquery？

【问题讨论】：

标签： jquery jquery-ui jquery-selectors

【解决方案1】：

你可以使用一个类，例如：

$('.datepicker').datepicker({
  inline: true
});

像这样的元素：

<input class="datepicker" name="txtLogistics_ExecutionDate" type="text" />
<input class="datepicker" name="txtLogistics_OtherDate" type="text" />
<input class="datepicker" name="txtLogistics_YetAnotherDate" type="text" />

这会将.datepicker() 小部件应用于该类的每个元素。

【讨论】：

@Codex73 - 不 :) 只需在 document.ready 上运行它，例如：$(function() { $('.datepicker').datepicker({ inline: true }); });，一旦它们在 DOM 中/准备就绪，它将针对所有元素执行。