尝试使用HTML文件中的动态ID调用jQuery日期拾取器

Question

尝试使用ID调用jQuery日期拾取器。但是我不想在脚本页面上声明ID。当我单击输入文本框并希望将输入文本框id作为参数传递时，我想从HTML文件调用这个jQuery文件或函数。然后用这个参数来调用函数。你能告诉我怎么做吗?提前谢谢你。

例如:我想做以下事情。在HTML文件

<button id="b-id" onclick="myFunc('b-id')>Click</button>

JS文件

($id).datepicker();

ID将来自HTML文件。

$(function () {
$.datepicker.setDefaults({
monthNames: [
"1月",
"2月",
"3月",
"4月",
"6月",
"6月",
"7月",
"8月",
"9月",
"10月",
"11月",
"12月",
],
monthNamesShort: [
"1月",
"2月",
"3月",
"4月",
"5月",
"6月",
"7月",
"8月",
"9月",
"10月",
"11月",
"12月",
],
dayNames: [
"日曜日",
"月曜日",
"火曜日",
"水曜日",
"木曜日",
"金曜日",
"土曜日",
],
dayNamesShort: ["日", "月", "火", "水", "木", "金", "土"],
dayNamesMin: ["日", "月", "火", "水", "木", "金", "土"],
weekHeader: "周",
dateFormat: "yy/mm/dd",
firstDay: 0,
isRTL: false,
showMonthAfterYear: true,
changeMonth: true,
changeYear: true,
yearRange: "-90:+90",
});
$("#startDepDate, #endDepDate, #startRegDate, #endRegDate, #searchStartDate, #searchEndDate, #searchSendDate, #kikanstart, #kikanend, #searchDateStart, #searchDateEnd, #searchDateEnd, #authDateStart, #authDateEnd, #searchdateStart, #searchdateEnd, #searchCanceldateStart, #searchCanceldateEnd, #searchPostDateFrom, #searchPostDateTo, #startDate, #endDate, #d1From, #d1To, #registerStart, #registerEnd, #acDateStart, #acDateEnd, #acRegStart, #acRegEnd" ).datepicker({
showOn: "button",
buttonText: "▼",
});
}); 

Answer 1

您可以通过为所有日期文本框分配一个公共类来做到这一点。至于获取id，您可以从onSelect选项中获取。查看下面的代码示例。

$(".dp").datepicker({
"onSelect": function(a, b) {
alert(b.id);
}
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<input id="cal1" class="dp" />
<input id="cal2" class="dp" />
<input id="cal3" class="dp" />