尝试使用来自jQuery文件的动态ID调用

Question

尝试用ID调用jQuery数据报警器，但我不想在脚本页面上声明ID。单击输入文本框并将输入文本框id作为参数传递时，我希望从jQuery文件中调用这个textbox或函数。然后使用这个参数，我想调用这个函数。你能告诉我怎么做吗？提前谢谢你。

例如:我想做以下工作。在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" />

​