我正在制作關于兵役計算器的網站。
當我點擊id："datepicker "按鈕時，datepicker并沒有顯示出來。
所以我檢查了日志，日志中沒有任何內容。
我想只在id: "datepicker "按鈕上顯示一個datepicker，并在class: "showDate "span標簽中插入（例如：2012-12-01）。
index.html
<!DOCTYPEhtml>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="styleheet" type="text/css" href="/style.css">
<腳本 src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj 3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"> </script>
<腳本 src="https://code.jquery.com/jquery-1.12.4.js"></script>
<腳本 src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="styleheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" >
<title>??????</title>
</head>
<body>
<div class="header">
<span class="headerTitle">??? ???</span>
</div>
<div class="selectArmy">
<div class="btnGroup1">
<button class="armyBtn">??</button>
<button class="armyBtn">??</button>
<button class="armyBtn">??</button>
<button class="armyBtn">???</button>
</div>
<div class="btnGroup2">
<button class="armyBtn">??(??)</button>
<button class="armyBtn">???</button>
<button class="armyBtn">??????</button>
</div>
</div>
<div class="selectDate">
<button class="selectDateBtn" id="datepicker"> ???</button>
<span class="showDate"></span>
</div>
<div class="showDateTable">
<table>
<tr>
<td class="resultDate">???</td>
<td class="result">asd</td>
</tr>
<tr>
<td class="resultDate"> ?????????
<td class="result">asd</td>
</tr>
<tr>
<td class="resultDate">??? ???</td>
<td class="result">asd</td>
</tr>
<tr>
<td class="resultDate">???</td>
<td class="result">
<progress value="50" max="100"></progress>。
</td>
</tr>
</table>
</div>
<script>
$(document).ready(function() {
$("#datepicker").datepicker({
showOn: "button",
buttonImage: "https://jqueryui.com/resources/demos/datepicker/images/calendar.gif"。
buttonImageOnly: true,
buttonText: "選擇日期"
});
})
</script>
</body>
<script type="text/javascript" src="./calculator.js"></script>
</html>
uj5u.com熱心網友回復：
試試這個代碼。你需要使用onSelect事件。
< input type="hidden" class="selectDateBtn" id="datepicker">
$("#datepicker").datepicker({
showOn: "button",
buttonText: "???",
onSelect: function (dateText, inst) {
var date = $(this).val() 。
$(".showDate").empty().text（date）。
}
});
uj5u.com熱心網友回復：
var d = new Date() 。
$('#datepicker').daterangepicker({
singleDatePicker。true,
defaultDate: d,
showDropdowns: true,
format: "YYY/MM/DD"。
});
嘗試一下！
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/319915.html
標籤：
上一篇：將拖動的專案轉換為可拖動的