PHP + jQuery：将日期选择器应用于具有特定模式的输入

Posted 2023-05-07

【中文标题】PHP + jQuery：将日期选择器应用于具有特定模式的输入

【英文标题】：PHP + jQuery: Apply datepicker to inputs with specific pattern

【发布时间】：2014-05-20 22:12:12

【问题描述】：

我有一个包含至少 5 个输入日期表单的大表单。

例如：

    <input type="text" id="nameClient" name="nameClient"/>
    <input type="text" id="nameRouterID" name="nameRouerID"/>
    <input type="text" id="dateInstallation" name="dateInstallation"/>
    <input type="text" id="dateConfiguration" name="dateConfiguration"/>
    <input type="text" id="dateConfirmationClient" name="dateConfirmationClient"/>

好吧，我想在整个 DOM 中搜索 %date% 单词并应用 datepicker jQuery 插件，避免为每个元素创建以下行

    <script>
$( "#dateInstallation" ).datepicker();
$("#dateInstallation").datepicker("option", dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true);
    );
    </script>';

我认为可以通过 .find() 函数和“this”相对来了解，但我不熟悉。我认为是这样的：

    $( "text" ).find( "%date%" ).datepicker();

后来：

    $(this).datepicker("option", dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true);

但我无法让它工作我不确定是语法问题还是其他问题

【问题讨论】：

您能否为每个元素添加一个类？ <input type="text" id="dateConfiguration" class="dateInput" name="dateConfiguration"/>，然后是$('.dateInput').datepicker()?

哦，我不这么认为，如果不能在整个 DOM 中搜索，那是个好主意。我必须标记它，但其余的都是动态的。

【参考方案1】：

您可以使用以选择器开头的属性来匹配以date开头的ID

 $('[id^="date"]').datepicker();

或匹配任何包含date的ID，该属性包含选择器

 $('[id*="date"]').datepicker();

FIDDLE

【讨论】：

编辑：有效！要应用特定选项，我在 $('[id^="date"]').datepicker("option", dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true); 之后添加