javascript - 动态填充 javascript 对象

Question

我正在使用responsive calendar在一个mvc项目中。设置日历时，我需要用我的数据填充一个名为 events 的对象。

$(".responsive-calendar").responsiveCalendar({
            time: '@DateTime.Now.Year.ToString()' + '-' + '@DateTime.Now.Month.ToString()',
            events: { //object to fill with my model data
            "2013-04-30": { "number": 5, "url": "http://w3widgets.com/responsive-slider" },
            "2013-04-26": { "number": 1, "url": "http://w3widgets.com" },
            "2013-05-03": { "number": 1 },
            "2013-06-12": {},
            "2015-06-12": { "number": 1 }
       }
  });

但是这个对象不是数组。如何实现这一目标

更新:我的模型是 DateEvents 列表:

class DateEvents 
{ 
    DateTime Date {get;set;} 
    int Count {get;set;}
}

Answer 1

当您有一个包含数据的数组，但必须像“events”属性中的示例一样提供它时，您可以创建一个如下所示的对象。

var myEvents = {};
myEvents["2013-04-30"] = { "number": 5, "url": "http://w3widgets.com/responsive-slider" };

如果您可以对一项执行此操作，那么您也可以在循环 (forEach) 中执行此操作，以从现有源(数组？)获取数据并将其添加到 myEvents 对象。 'myEvents'完成后，您可以将responsiveCalendar的'events'的值设置为'myEvents'。