HTML5 Datetime-local picker 日期和时间格式到另一个字段

Question

我目前正在使用 HTML 5 日期时间本地输入来获取我的日期和时间数据，然后将其复制到另一个输入字段中，但是当它被复制时，日期和时间的格式会有所不同。在将 date/time 添加到输入字段之前，我如何格式化它？

本地日期时间选择器：

输入字段：

HTML:

<input id="dt" class="input" type="datetime-local">

jQuery:

$(document).ready(function () {
 $('#dt').on('change', function () {
  $('#datetime').val($(this).val())
 })
})

TIA

Answer 1

您可以使用 JavaScript

轻松编辑本地日期时间的值

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

    <title></title>
  </head>
  <body>
    <label for="datetime">datetime</label>
    <input type="text" name="datetime" id="datetime" value="" />
    <input id="dt" class="input" type="datetime-local" onchange="dateTimeFormat()">
    <script type="text/javascript" charset="utf-8">
      function dateTimeFormat(){
        let unformattedDT = dt.value;
        let processingDate = unformattedDT.replace(/-/g,"/");
        console.log(processingDate);
        
        let list=processingDate.split("T");
        datetime.value =`${list[0]} , ${list[1]}`;
      }
    </script>
  </body>
</html>

HTML5 Datetime-local picker 日期和时间格式到另一个字段

HTML5 Datetime-local picker Date and time format to another field

html

jquery

datetimepicker