最好的問候 我有一個問題,因為我想要做的是在日期時間本地型別的輸入中添加一天,而不是我嘗試使用 JQuery 但它只適用于我如果輸入是日期型別的我想知道如何使用 datetime-local 這是我作為參考的代碼,適用于日期:
$('#checkInDate')[0].valueAsDate = new Date();
$('#checkInDate').change(function() {
var date = this.valueAsDate;
date.setDate(date.getDate() 1);
$('#checkOutDate')[0].valueAsDate = date;
});
$('#checkInDate').change();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
Date Ini: <input type="date" id="checkInDate">
Date Out: <input type="date" id="checkOutDate"> <br>
uj5u.com熱心網友回復:
在datetime-local輸入不具有valueAsDate財產。但是你可以用valueAsNumber。
因此,每當您設定值時,將日期物件轉換為帶有 的數字input.valueAsNumber = date,并且每當您檢索該值時,將其轉換為帶有new Date(input.valueAsNumber)
此外,為了設定日期的初始值,將精度限制為您可以做的分鐘Math.floor(Date.now() / 6e4) * 6e4,并考慮到時區,您可以減去時區偏移量。
$('#checkInDate')[0].valueAsNumber = 6e4 * (Math.floor(Date.now() / 6e4) - new Date().getTimezoneOffset());
$('#checkInDate').change(function() {
var date = new Date(this.valueAsNumber);
date.setDate(date.getDate() 1);
$('#checkOutDate')[0].valueAsNumber = date;
console.log(new Date(this.value)) // retrieving as data
});
$('#checkInDate').change();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
Date Ini: <input type="datetime-local" id="checkInDate">
Date Out: <input type="datetime-local" id="checkOutDate"> <br>
當然,在檢索要在后端使用或存盤在資料庫中的資料時,請確保從而this.value不是this.valueAsNumber.
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/396296.html
標籤:javascript html 查询 日期 输入
