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

Question

嗨，我正在使用jquery ui datepicker

在开始时我用以下方式设置日期选择器

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

班级 。td-datepicker适用于四个输入文本框，它们的 id 如下

1. ＃开始日期
2. ＃结束日期
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/