JS中将日期时间分别转换为日期和时间格式

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

让日期=新日期(document.querySelector('#myDate').value)

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

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

Answer 2

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

  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 3

您可以使用 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));