在 HTML 中将 UTC 日期转换为本地的干净方法

Question

服务器呈现一个带有完整 UTC 日期/时间的网页：

<span>@Model.RunDate.ToString("o")</span> ->

<span>2018-02-20T17:54:26.5685810</span>

我正在寻找一种干净的方式来在本地（客户端）时区显示此日期/时间。 这按预期工作，但代码太多：

<span>
    <script type="text/javascript">
        document.write(new Date("@Model.RunDate.ToString("o")"));
    </script>
</span>

是否有一些方法或库可以允许做这样的事情？

<span class="utcToLocal">2018-02-20T17:54:26.5685810</span>

Answer 1

下面是一些可能会让你开始的东西。

 document.querySelectorAll(".utcToLocal").forEach( function (i) { i.innerText = new Date(i.innerText).toLocaleString(); } );

 <span class="utcToLocal">2018-02-20T17:54:26.5685810Z</span>

请注意，由于@RobG 提到 JS 中的日期可能有问题，而不是仅使用内置的 Date.parse，建议手动解析日期，或使用一些好的第三方库。 https://momentjs.com/是一个流行的选择。

同样如评论中指出的那样，某些浏览器可能对日期构造函数非常严格，因此在时间末尾添加Z以让浏览器知道这是 ISO 时间也是一个好主意。