启用和禁用用于制作 DateTimePicker 的 EditorFor 控件

Question

我生成了一个 MVC 应用程序，在其中我使用 html 帮助器 EditorFor 控件和 JQuery 创建了 DateTimePicker 控件。

下面是日期时间选择器控件的行

@Html.EditorFor(model => model.ClosedTime)

我还有一个 DropdowmFor 控件，根据我想要将 EditorFor 控件设置为启用或禁用的选择。

最初，当我的页面加载时，我使用下面的 JQuery 语句禁用了控件

$('#ClosedTime').attr('disabled', 'disabled');

这个语句工作正常，它禁用了控件，现在正如我之前所说，我想根据 DropdownFor 控件的选择来启用和禁用 EditorFor 控件。

我通过编写下面的脚本尝试了这一点。

$('#selectedRequestStatus').change(function () {
            var selectedRequest = $(this).val();

            if (selectedRequest == "C") {
                //alert('Closed');
                $('#ClosedTime').attr('disabled', 'enable');

            }
            else {
                //alert('In Progress');
                $('#ClosedTime').attr('disabled', 'disabled');

            }
        });

其中 selectedRequestStatus 是我之前提到的下拉控件。

但是这个脚本不起作用。

请让我们知道您对上述问题的建议。

提前致谢。

Answer 1

看起来您的问题出在 jQuery 中...试试这个：

$('#selectedRequestStatus').change(function () {
    var selectedRequest = $(this).val();

    if (selectedRequest == "C") {
        //alert('Closed');
        $('#ClosedTime').removeProp('disabled');
    }
    else {
        //alert('In Progress');
        $('#ClosedTime').prop('disabled', 'disabled');
    }
});

在 HTML 中，disabled 属性的存在使控件“禁用”。通过完全删除它可以启用控件。