我有一個關于將日期格式更改為 dd/mm/yyyy 的問題。我希望默認日期為 09-01-2022。但是下面的代碼無法更改 dd/mm/yyyy。
var today = "Wed Jan 09 2022 13:01:18 GMT 0800 (Malaysia Time)";
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();
today = mm '/' dd '/' yyyy;<div class="col-xs-12 col-md-2">
<label>Date :</label>
<input type="date" class="form-control" id="date_of_daily" name="date_of_daily" value="2022-01-09" title="Date of daily" min="2022-01-09" max="2022-01-11">
</div>其實我想要下圖的結果：
希望有人能指導我如何解決這個問題。謝謝。
uj5u.com熱心網友回復：
你可以試試：
var today = "Wed Jan 09 2022 13:01:18 GMT 0800 (Malaysia Time)";
function convertDate(inputFormat) {
function pad(s) { return (s < 10) ? '0' s : s; }
var d = new Date(inputFormat)
return [pad(d.getDate()), pad(d.getMonth() 1), d.getFullYear()].join('/')
}
console.log(convertDate(today))
$(function() {
$("#date_of_daily").datepicker({
dateFormat: "dd/mm/yy",
minDate: 0,
maxDate: " 2D 0M",
showAnim: "slideDown"
});
});<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
<div class="col-xs-12 col-md-2">
<label>Date :</label>
<input type="text" class="form-control" id="date_of_daily" name="date_of_daily" size="30" value="09/01/2022" title="Date of daily" min="2022-01-09" max="2022-01-11">
</div>uj5u.com熱心網友回復：
我希望下面回答您的問題...您今天需要基本上決議字串以將其轉換為日期，然后再呼叫 Date 函式，例如 getDay 等...
var today = "Wed Jan 09 2022 13:01:18 GMT 0800 (Malaysia Time)";
var dd = String(Date.parse(today)).padStart(2, '0');
var mm = String(new Date(Date.parse(today)).getMonth() 1).padStart(2, '0'); //January is 0!
var yyyy = new Date(Date.parse(today)).getFullYear();
today = mm '/' dd '/' yyyy;<div class="col-xs-12 col-md-2">
<label>Date :</label>
<input type="date" class="form-control" id="date_of_daily" name="date_of_daily" value="2022-01-09" title="Date of daily" min="2022-01-09" max="2022-01-11">
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/440318.html
標籤：javascript html 日期选择器
上一篇：引導下拉選單在移動視圖中不起作用