我正在嘗試按照以下代碼來實作向 datepicker 添加天數
[https://jsfiddle.net/up82wt76/][1]
下面是我在 Visual Studio 2022 中實作的代碼
這是一個直接的副本。為什么它不起作用？
任何幫助將不勝感激。
$('.pickupDate').datepicker();
$('.dropoffDate').datepicker();
$('.pickupDate').change(function() {
var date2 = $('.pickupDate').datepicker('getDate', ' 1d');
//date2.setDate(date2.getDate() 1);
$('.dropoffDate').datepicker('setDate', date2.getDate() 1);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div>
<br />
<br />
<input type="text" class="pickupDate" />
<input type="text" class="dropoffDate" />
</div>uj5u.com熱心網友回復：
看起來在您執行 JavaScript 時 DOM 尚未完成加載。
jQuery 有一個視窗加載事件的實作，即$( document ).ready().
在您的示例中，這將是：
$(document).ready(() => {
$('.pickupDate').datepicker();
$('.dropoffDate').datepicker();
$('.pickupDate').change(() => {
const date2 = $('.pickupDate').datepicker('getDate', ' 1d');
$('.dropoffDate').datepicker('setDate', date2.getDate() 1);
});
});
此外，您可能希望從您的<head>標簽中加載這些外部腳本。您也可以考慮使用NPM在本地下載它們。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/518481.html
標籤：javascriptjQueryjQuery-ui日期选择器
上一篇：洗掉numpy陣列中的連續重復項