在jquery中，datepicker可以添加带有classname的alt字段吗？

Question

嗨我正在使用jquery ui datepicker

在开始时按照以下方式设置datepicker

  $(".td-datepicker).datepicker();

class。 td-datepicker 适用于四个输入文本框，其ID在以下

1. #startdate
2. #enddate
3. #edit_startdate，
4. #edit_enddate

现在我想在所有四个输入字段中设置alt字段

如何按类添加，因为如果我按id添加，则会发生重复代码 如下所示

$('#startdate').datepicker("option","altField","#alt_startdate");
$('#startdate').datepicker("option","altFormat","mm/dd/yy");
$('#enddate').datepicker("option","altField","#alt_enddate");
$('#enddate').datepicker("option","altFormat","mm/dd/yy");
$('#edit_startdate').datepicker("option","altField","#alt_edit_startdate");
$('#edit_startdate').datepicker("option","altFormat","mm/dd/yy");
$('#edit_enddate').datepicker("option","altField","#alt_edit_enddate");
$('#edit_enddate').datepicker("option","altFormat","mm/dd/yy");

我可以在初始化后在datepicker中添加多个选项 喜欢

  $('#edit_enddate').datepicker("option","altField","#alt_edit_enddate");
    $('#edit_enddate').datepicker("option","altFormat","mm/dd/yy");

我可以在一行中编写两行以上的代码。这有什么办法吗？

Answer 1

要更改所有这些altFormat，假设它们具有相同的格式：

$(".td-datepicker").datepicker("option", "altFormat", "mm/dd/yy");

一次查看多个选项（示例）：

$(".td-datepicker").datepicker("option", { 
    disabled: true,
    dateFormat: "dd/mm/yy"
});

根据您使用的ID解决您的问题：

$(".td-datepicker").each(function (idx, el) { 
    $(this).datepicker("option", "altField", "#alt_" + $(this).attr("id"));
});

如果你改变主意，是的，你可以改用类。

所有这些都在API文档中：http://api.jqueryui.com/datepicker/