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

Question

您好，我正在使用jquery ui 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");

我可以在初始化后在日期选择器中添加多个选项吗 喜欢

  $('#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/