如何将 list<string> 转换为 javascript 数组？

Question

大家晚上好，

我知道这个问题很老，但我无法用其他问题解决它，例如：How do I convert a C# List<string[]> to a Javascript array?。我对此很陌生。

我想在我的 javascript 中使用该数组，以显示日期为事件的日期选择器。我的脚本（datepicker.js）：

$(document).ready(function() {
    var array = []; //array that should be filled with dates like this ["29-09-2015", "..."]
    $("#datepicker").datepicker({
        numberOfMonths: 3,
        beforeShowDay: function (date) {
            if ($.inArray($.datepicker.formatDate('yy-mm-dd', date), array) > -1) {
                return [false, "", " no"];
            }
            else {
                return [true, "", "yes"];
            }
        }
    });
});

我的控制器如下所示：

public ActionResult Index(int EID = 0, int CID = 0, int IID= 0)
{
   var dates = db.Histories.Where(p => p.SiteId == EID && p.CId == CID && p.IId == IID).Select(p => SqlFunctions.StringConvert((double)
            SqlFunctions.DatePart("m", p.Date)).Trim() + "-" +
            SqlFunctions.DateName("dd", p.Date) + "-" +
            SqlFunctions.DateName("yyyy", p.Date));
    dates = dates.OrderBy(u => u.Length);

    int datescount = dates.Count();
    List<string> sList = new List<string>();
    for(int i =0; i<datescount; i++)
    {
        sList.Add(dates.Skip(i).First());
    }

    return View();
}

在控制器中，列表 sList 包含我想显示为事件的日期。

在视图中，我已经看到的日期选择器将被这样调用：

Date: <div id="datepicker"></div>

所以现在我想将列表发送到脚本并将其转换为数组。 你能解释一下怎么做吗？

在另一页上，我不明白 Romoku 的意思：

//View.cshtml
  <script type="text/javascript">
var arrayOfArrays = JSON.parse('@Html.Raw(Model.Addresses)');

如果我使用 json，我是否必须将列表传输到模型？身份证有什么用？怎么转成json方法？

Answer 1

JSON 是 有效的 Javascript。您只需要将序列化的 JSON 作为普通的 Javascript 表达式发出：

var arrayOfArrays = @Html.Raw(your JSON);

Answer 2

在您的控制器中，将列表作为模型返回给您的视图

{
    /// code ..
    return View(sList);
}

你的视图试试这个

@model List<string>

@{
   string jsonObject = Newtonsoft.Json.JsonConvert.SerializeObject(Model);
}

<script type="text/javascript">
var array = @Html.Raw(jsonObject)
$(document).ready(function() {
    $("#datepicker").datepicker({
        numberOfMonths: 3,
        beforeShowDay: function (date) {
            if ($.inArray($.datepicker.formatDate('yy-mm-dd', date), array) > -1) {
                return [false, "", " no"];
            }
            else {
                return [true, "", "yes"];
            }
        }
    });
});
</script>