ASP.NET MVC 3 Razor: Inicializar una matriz de JavaScript

Question

¿Cuál sería la forma preferida de inicializar una matriz JS en ASP.NET MVC 3 con Razor con un valor que tengo en mi modelo/modelo de vista?

Por ejemplo, para inicializar una matriz de cadenas que representan fechas:

<script type="text/javascript"> 
    var activeDates = ["7-21-2011", "7-22-2011"]; 
</script> 

con

public class MyViewModel 
{  
    public DateTime[] ActiveDates { get; set; } 
} 

Answer 1

I no entiendo muy bien la relación entre JS y ASP.NET MVC 3 Razor. Javascript se ejecuta en el lado del cliente sin importar qué tecnología se haya utilizado en el servidor para generar la página. Entonces, en javascript, una matriz es una matriz.

Hay un par de posibilidades para definir las matrices de objetos en javascript

var activeDates = [ '7-21-2011', '7-22-2011' ]; 

o:

var activeDates = new Array(); 
activeArrays.push('7-21-2011'); 
activeArrays.push('7-22-2011'); 

o todavía:

var activeDates = new Array(); 
activeArrays[0] = '7-21-2011'; 
activeArrays[1] = '7-22-2011'; 

La o final todos los que representan la mismo conjunto. Pero es una matriz de cadenas, no fechas.

Si quería tener una serie de fechas, esto es lo que podría hacer:

var activeDates = [ 
    new Date(2011, 6, 21, 0, 0, 0, 0), 
    new Date(2011, 6, 22, 0, 0, 0, 0) 
]; 

Ahora la única relación que puedo ver con su pregunta a ASP.NET MVC es que es probable que tenga un poco de variedad en su modelo de vista:

public class MyViewModel 
{ 
    public DateTime[] ActiveDates { get; set; } 
} 

que quería serializar y manipular en una matriz javascript. En este caso, aquí está la sintaxis:

@model MyViewModel 
<script type="text/javascript"> 
    var activeDates = @Html.Raw(Json.Encode(Model.ActiveDates)); 
</script> 

ahora a causa de los campos manera DateTime se JSON serializado en .NET que va a terminar con lo siguiente en el HTML generado:

var activeDates = ["\/Date(1309471200000)\/","\/Date(1311199200000)\/"]; 

y si querías para convertir esta matriz de cadenas en una matriz de fechas reales de javascript:

var dates = $.map(activeDates, function(date, index) { 
    date = date.replace('/Date(', '').replace(')/', ''); 
    return new Date(parseInt(date)); 
}); 

Answer 2

lo que pasa es que hacer esto ayer y se acercó con esta solución (si quieres que se vea como el Outpu t que tiene en su pregunta - yo estaba usando esto con jqplot):

<script type="text/javascript"> 
    var activeDates = ['@Html.Raw(string.Join("', '", @ActiveDates.Select(f => string.Format("{0:MM-dd-yyyy}", f)).ToArray()))'] 
</script>