javascript 如何在单独的行中显示输入日期月、日和年？

Question

如何解析 javascript 中的日期以输出用户日期输入以在 html 中显示在单独的行中，例如：

Month:
Day:
Year:

我正在使用：

<button type="button" onclick="date_test()">Process</button>
<br> <p id="iop"></p>

Answer 1

检查此 JSFiddle。

代码：

var dateObj = new Date();
var month = dateObj.getUTCMonth() + 1; //months from 1-12
var day = dateObj.getUTCDate();
var year = dateObj.getUTCFullYear();

document.getElementById("output").innerHTML="<p>Month:"+month+"</p><p>Day:"+day+"</p><p>Year:"+year+"</p>";

var dateObj = new Date();
var month = dateObj.getUTCMonth() + 1; //months from 1-12
var day = dateObj.getUTCDate();
var year = dateObj.getUTCFullYear();

document.getElementById("output").innerHTML="<p>Month:"+month+"</p><p>Day:"+day+"</p><p>Year:"+year+"</p>";

<div id="output">
</div>

Answer 2

var date = new Date(),
  locale = "en-us",
  month = date.toLocaleString(locale, {
    month: "long"
  }),
  day = date.toLocaleString(locale, {
    day: "numeric"
  }),
  year = date.toLocaleString(locale, {
    year: "numeric"
  });
$("#month").append(month);
$("#day").append(day);
$("#year").append(year);

.date {
  display: flex;
  flex-direction: column;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="date">
  <span id="month">Month: </span>

  <span id="day">Day: </span>

  <span id="year">Year: </span>
</div>

javascript 如何在单独的行中显示输入日期月、日和年？

javascript how to display a input dates month, day and year in separate lines?

javascript

date-parsing