无法将字符串数组分配给 Bootstrap DateTimePicker disabledDates答案

【问题标题】：Unable to assign String Array to Bootstrap DateTimePicker disabledDates无法将字符串数组分配给 Bootstrap DateTimePicker disabledDates
【发布时间】：2017-08-04 08:48:27
【问题描述】：

我在我的 ASP.net MVC5 应用程序中使用 bootstrap datetimepicker。我正在尝试从数据库中获取禁用日期，创建一个禁用日期数组，然后在 javascript 中传递该数组：-

public String[] disabledDates { get; set; } // This model property gets set from database.

例如disabledDates = ["2017-08-29","2017-11-22"];

<script type="text/javascript">
    $(function () {
        var disabledDatesAr = '@Model.disabledDates';
        $('#scheduleDate').datetimepicker({
            useCurrent: false,
            minDate: new Date(),
            format: 'DD-MM-YYYY hh:mm A',
            showTodayButton: true,
            sideBySide: true,
            showClose: true,
            showClear: true,
            toolbarPlacement: 'top',
            disabledDates: disabledDatesAr
        });
    });
</script>

但上面的代码不起作用，并且 DateTimePicker 弹出窗口被禁用。谁能指导我如何将此数组值分配给禁用日期？提前致谢。

【问题讨论】：

var disabledDatesAr = @Html.Raw(Json.Encode(Model.disabledDates));
谢谢@StephenMuecke ！！它有效。

标签： javascript asp.net-mvc bootstrap-datetimepicker

【解决方案1】：

当你有这个部分时：

var disabledDatesAr = '@Model.disabledDates';

您实际上只是在调用对象的 ToString 方法。数组的 ToString 方法输出类似 System.String[]。所以你真的是在剃须刀上这样做：

var disabledDatesAr = 'System.String[]';

您要做的是创建一个 JSON 数组，这将输出您期望的语法。

disabledDates = ["2017-08-29","2017-11-22"];

Stephen Muecke 在 cmets 中提到的一个很好的简洁方法。

var disabledDatesAr = @Html.Raw(Json.Encode(Model.disabledDates));

没有Html.Raw razor 会尝试对字符进行编码。

这里有一些有用的文档：Json.Encode 和 Html.Raw。

【讨论】：

感谢@Ashley Medway 的详细解释