启用和禁用用于创建日期时间选取器的控件编辑器

Question

我生成了一个MVC应用程序，其中我使用html helper EditorFor control和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 是我之前提到的 Dropdown 控件。

但是这个脚本不起作用。

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

提前谢谢。

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属性的存在使控件"禁用"。通过完全删除它，它可以启用控件。