javascript - 更改具有相同类的 div 标签中的时间值(javascript/jQuery)

Question

我在 MVC 5 项目中有一个索引 View 。该 View 使用部分 View ，部分 View 包含在索引中，如下所示:

<div id="le">
    @Html.Action("_ls", "Home")
</div>

之后，索引将使用部分 View _ls 中的代码填充。 我想用 class="mtime"更改 div 的内部 HTML。该 div 的时间值采用 UTC 格式的 HH:MM。我想让它显示用户的本地时间。因此，我在部分的 body 标记末尾添加了这段 JavaScript 代码(而不是像我最初那样在索引中)

<script type="text/javascript">
            $('.mtime').each(function (obj) {

                var date = obj.InnerHTML;
                var newDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);

                var offset = date.getTimezoneOffset() / 60;
                var hours = date.getHours();

                newDate.setHours(hours - offset);
                obj.InnerHTML = newDate;

            });


        </script>

但 div 中的值永远不会改变

Answer 1

您可以简单地使用日期的构造函数和 UTC 后缀来做到这一点:

$('.mtime').each(function() {
    var time = $(this).text();

    var date = new Date();

    date = new Date(date.toDateString() + ' ' + time + ' UTC');
    $(this).text(date.getHours() + ':' + date.getMinutes());
});

jsFiddle