在JS中分別將datetime轉換為日期時間格式

Question

目前我的日歷有這個 html

<!--Grid column-->
<div class="col-md-6">
<div class="md-form mb-0">
    <input placeholder="Selected date" data-toggle="datepicker" type="text" id="myDate" name="myDate" class="form-control datepicker">
    <label for="myDate" id="dateLabel">Estimated Start Date</label>
</div>
</div>
 <!--Grid column-->

目前我有這個

var est_start_date = $(this).attr('data-esd');

以及我使用此代碼將其放置到文本框中的值

$('#myDate').val(est_start_date);

其中包含這樣的值

如您所見，數據還包括時間

如何將日期時間格式化為這樣的MM/DD/YYYY

也將時間分隔為這種格式

Answer 1

讓 date=new Date(document.querySelector('#myDate').value)

日期部分 ===> date.toLocaleDateString()。

時間部分 ====> date.toLocaleTimeString() 用於時間部分。

從下面的答案：

將日期和時間拆分為兩個元素

Answer 2

您可以使用 javascript 日期 object 來獲取所需的格式。 用這個，

 function formatDate(date) { const arr = [date.getMonth() + 1, date.getDate(), date.getFullYear()] var hours = date.getHours(); var minutes = date.getMinutes(); var ampm = hours >= 12? 'PM': 'AM'; hours = hours % 12; hours = hours? hours: 12; // the hour '0' should be '12' minutes = minutes < 10? '0'+minutes: minutes; var strTime = hours + ':' + minutes + ' ' + ampm; var date = arr.join("/"); return date + " " +strTime; } console.log(formatDate(new Date));

Answer 3

使用它來將您的日期轉換為所需的格式，

 function formatDate(date) { date = date.split(" "); let dateOne = date[0]; let time = date[1]; time = time.split(":"); time.forEach((val,index)=>{ if(val.length <2){ val = "0" + val; time[index] = val; } }) time = time.join(":"); let str = `${dateOne}T${time}.000Z`; let offset = (new Date()).getTimezoneOffset()*60*1000; date = new Date( (new Date(`${dateOne}T${time}.000Z`)).getTime() + offset); const arr = [date.getMonth() + 1, date.getDate(), date.getFullYear()] var hours = date.getHours(); var minutes = date.getMinutes(); var ampm = hours >= 12? 'PM': 'AM'; hours = hours % 12; hours = hours? hours: 12; // the hour '0' should be '12' minutes = minutes < 10? '0'+minutes: minutes; var strTime = hours + ':' + minutes + ' ' + ampm; var date = arr.join("/"); return date + " " +strTime; } let date = '2019-10-21 1:41:00'; console.log(formatDate(date));