在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

使用它来将您的日期转换为所需的格式，

	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));

Answer 2

您可以使用 javascript 日期对象来获取所需的格式。用这个，

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

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

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

时间部分 ====> date.toLocaleTimeString() 用于时间部分。

从下面的答案：

Split the date and time in two elements