将 C# 变量传递给 jsrender 模板中的辅助函数

Question

我需要将我的模型值之一传递给 jsrender 模板中的函数。我尝试使用 @ 访问 C# 变量，但它不起作用。下面是我的代码

<script type="text/x-jsrender" id="TemplateDate">>
 {{:~formatTemplateDate(Model.EstimatedCompletionDate)}} 
</script>

这是我的辅助函数。

$.views.helpers({
    formatTemplateDate: function (dateEstimated) {
        "use strict";
        if (dateEstimated !== null) {
            if (!isSafari) {
                var options = {
                    year: "numeric",
                    month: "short",
                    day: "numeric",
                    hour: "2-digit",
                    minute: "2-digit"
                };
                return dateEstimated.toLocaleTimeString("en-us", options);
            } else {
                return dateEstimated;
            }
        } else {
            return null;
        }
    }
});

这是我在页面中遇到的错误

Error: n.toLocaleDateString is not a function.

提前致谢。

迪内什。

Answer 1

尝试使用 @Html.Raw():

将值传递给函数

<script type="text/x-jsrender" id="TemplateDate">>
     {{:~formatTemplateDate('@Html.Raw(Model.EstimatedCompletionDate))')}} 
</script>

Answer 2

我找到了解决办法。我们不能将 @Model.EstimatedCompletion 日期时间变量值传递给辅助函数。需要将其转换为字符串，并且在辅助函数中需要将其转换回 Datetime()。下面是修改后的代码。

<script type="text/x-jsrender" id="TemplateDate">>
 {{:~formatTemplateDate('@Model.EstimatedCompletionDate')}} 
</script>

在我的辅助函数中，我将其转换回日期类型，var formatedDate = new Date(date);

$.views.helpers({
    format: function (date) {
        "use strict";
        var formatedDate = new Date(date);
        if (!isSafari) {
            var options = {
                year: "numeric",
                month: "short",
                day: "numeric"
            };
            return formatedDate.toLocaleDateString("en-us", options);
        } else {
            return formatedDate;
        }
    }
});

谢谢，

Dinesh.

将 C# 变量传递给 jsrender 模板中的辅助函数

Pass C# variable to helper function in jsrender template

javascript

c#

razor

jsrender