如何在 Razor For 循环中将 Razor 模型转换为 JS 对象？答案

【问题标题】：How to turn Razor Model into JS object in a Razor For Loop?如何在 Razor For 循环中将 Razor 模型转换为 JS 对象？
【发布时间】：2013-10-21 22:33:20
【问题描述】：

我有一个 Razor for 循环：

@foreach (var user in Model.Users)
        {
        <p class="active-text">Active: @user.LastActive</p>
        }

我刚刚安装了 moment.js 来使用 js 格式化这个 DateTime() 日期。

如何将 Razor 模型传递给 javascript 函数？我确实有这个页面的 JS 视图模型，我只是想避免序列化整个模型，因为我需要将一些 JS 应用于单个字段。我的 viewModel 现在的情况：

<script type="text/javascript">
    $(document).ready(ko.applyBindings(new SubjectVm()));
</script>

【问题讨论】：

标签： asp.net-mvc asp.net-mvc-3 asp.net-mvc-4 razor

【解决方案1】：

我会将日期文本包装在另一个跨度中以供以后处理：

<p class="active-text">Active: <span class="active-text-date">@user.LastActive</span></p>

然后在 document.load 中循环并应用格式：

<script>
    $(document).ready(function() {
        $(".active-text-date").each(function() {
            var date = $(this).text();
            var formatted = moment(date).calendar();
            $(this).text(formatted);
        });
    });
</script>

【讨论】：