如何滚动“来自 Viewmodel 的 JSON”数组来更改 KnockoutJS 的日期格式？

发布于 2024-12-26 14:03:32 字数 1125 浏览 0 评论 0原文

我正在构建一个 MVC3 网站并首先使用 Knockout / JSON 时间，我是 JSON 新手，并且不太擅长 Javascript。我在 razor 视图中使用 MVC3 模型，解析为 Json

cshtml 中的模型是

@model IEnumerable<MySite.Models.UserViewModel>

Then:

var initialData = @Html.Raw(Json.Encode(Model)); 
var viewModel = { 
                fields: ko.observableArray(initialData),

等等......

一切都与显示表中的 foreach 绑定配合良好数据等..但问题是在 JSON 数组/模型中有我需要更改一些日期才能正确显示它们。

实际上日期显示为 /Date(1319929111857)/

我会滚动所有数组并截取标签“BirthDate”和解析调用这样的函数的日期：

function formatJSONDate(jsonDate){ 
    var newDate = dateFormat(jsonDate, "mm/dd/yyyy"); 
    return newDate;

我该怎么做？我尝试了几个小时来使用如下所示的函数，但我不知道如何调用 JSON 数组的 BirthDate: 标签并更改内容：

formatDate: function() { 
         for (var i=0; i<this.fields().length;i++) 
        {//foreach JSON array item,find BirthDate: /Date(sssf) and encode it correctly}

更改 JSON 将在视图中显示正确的数据。

之后，我需要能够使用 JqueryUI Datepicker 编辑字段并将所有数组重新发送到控制器并将 i 保存到数据库。我做得很好还是有其他更好的方法可以做到这一点？

原文

i'm building an MVC3 site and using Knockout / JSON for the first
time, i'm new to JSON and not so good at Javascript as i would.
I'm using an MVC3 model in a razor view, parsed to Json

The model in the cshtml is

@model IEnumerable<MySite.Models.UserViewModel>

Then:

var initialData = @Html.Raw(Json.Encode(Model)); 
var viewModel = { 
                fields: ko.observableArray(initialData),

etc.....

All works well with foreach bindings in the of a table showing the
data etc.. but the problem is that in the JSON array/model there are
some Date that i need to change to show them correctly.

Actually the dates are displayed like /Date(1319929111857)/

I would scroll all the array and intercept the label "BirthDate" and
parse the date calling a function like this:

function formatJSONDate(jsonDate){ 
    var newDate = dateFormat(jsonDate, "mm/dd/yyyy"); 
    return newDate;

How can i do this?
i tried for hours to use a function like that below but i do not know
how to call the BirthDate: label of the JSON array and change the
content:

formatDate: function() { 
         for (var i=0; i<this.fields().length;i++) 
        {//foreach JSON array item,find BirthDate: /Date(sssf) and encode it correctly}

Changing the JSON will show a correct data in the view.

After that i need to be able to edit the fields with JqueryUI Datepicker and resend all the array to the controller and save i to the DB.
I'm doing it well or there are other better ways to do this?

分享到QQ

分享到微博