使用 Javascript 将日期/日期时间从一个 Html 输入复制到另一个 Html 输入

Question

我有 2 个a元素。两者都会打开 Bootstrap 模式。该a元素用于创建一个全新的记录，因此它发送当前日期/时间：

<a style="color:#5cb85c" data-CreateDate="@DateTime.Now" data-toggle="modal" data-target="#OnPostModal" href="#OnPostModal" class="fas fa-plus-circle"></a>

另一个a元素携带已创建的记录中的一些字段，因此它会随之发送预先存在的创建日期。

<a data-toggle="modal" data-target="#OnPostModal" data-CreateDate="@item.Supplier.CreateDate" href="#CallModal" class="fas fa-edit"> </a>

我使用一些 JavaScript 来填充弹出的模式上的字段：

<script type="text/javascript">

    $('a[data-toggle=modal], button[data-toggle=modal]').click(function () {

        var data_CreateDate = '';

        if (typeof $(this).data('CreateDate') !== 'undefined') {

            data_CreateDate = $(this).data('CreateDate');

        }

        $('#CreateDate').val(data_CreateDate);

    })

</script>

最后，这是模式中需要填充的区域：

<div class="form-group">

   <label asp-for="Supplier.CreateDate" class="control-label"></label>

   <input asp-for="Supplier.CreateDate" id="CreateDate" class="form-control" />

   <span asp-validation-for="Supplier.CreateDate" class="text-danger"></span>

</div>

此方法适用于字符串值，但似乎根本不适用于 DateTime 或 Date 值。我努力了：

var data_CreateDate = new Date();

那是行不通的。

Answer 1

new Date()返回一个对象。你想要一根绳子。多种格式可供选择：const output = document.getElementById('output');const d = new Date();output.innerText = d.toString() + '\n';output.innerText += d.toISOString() + '\n';output.innerText += d.toGMTString() + '\n';output.innerText += d.toLocaleDateString() + '\n';output.innerText += d.toUTCString() + '\n';<pre id="output"></pre>