我正在嘗試創建一個表單，用戶可以在其中選擇兩個日期。
為此，我使用了日期選擇器。
用于顯示輸入欄位的 JavaScript：
let form = document.getElementById("dateform");
let output = "<div>";
output =
"<input type='text' id='date" i "' onFocus='pickdate(" i ")'><br/>";
output = "</div>";
form.innerHTML = output;
使用“i”是因為我有幾個用戶可以在表格中預訂日期的東西。因此，為了避免一遍又一遍地預訂相同的東西，我創建了一個回圈來為每個產品提供一個唯一的 ID。
function pickdate(i) {
$(document).ready(function () {
date = $("#date" i).datepicker();
});
}
現在，此代碼有效。我遇到的問題是我必須點擊日期選擇器兩次才能顯示。
我設法讓日期選擇器在第一次點擊時彈出的唯一方法是使用這個：
$(document).on("focus", "#date1", function () {
$(this).datepicker();
});
通過使用它，我也不必在 html 中呼叫該函式。
然而，我在這里在“id="#date1”中手動給出“i”值。我需要它是動態的并且來自用戶點擊的產品。使用 JavaScript 我可以像上面那樣發送變數. 但是我如何使用 jQuery 將“i”值發送到函式中呢？
謝謝你。
編輯：
我盡力重現問題：
https://codepen.io/leoss/pen/gOKGRML
uj5u.com熱心網友回復：
如果您向每個添加相同的 css 類<input/>并洗掉類似的onFocus類：
let dateOutput = "<div class='booking-dates'>";
dateOutput =
"<input type='text' class='my-date-picker' id='date" i "' />;
您可以使用以下方式一次初始化所有日期選擇器：
$(document).ready(function () {
$('.my-date-picker').datepicker({
onSelect: function (date) {
}
});
});
您甚至可能根本不需要該id屬性。
這是一個代碼筆，將您的示例與我上面的示例結合在一起，并展示了如何一次初始化任意數量的日期選擇器以及如何找到i選擇日期的日期選擇器的位置。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/535361.html
標籤：javascript查询
上一篇：從Node.js中的json檔案讀取/匯入PostRequest正文
下一篇：MUI如何輸出帶有換行的文本？