啓用和禁用EditorFor控件用於製作DateTimePicker

Question

我已經生成了一個MVC應用程序，其中我使用html helper EditorFor控件和JQuery創建了DateTimePicker控件。

下面是日期時間選擇器控件

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

線我也有一個DropdowmFor控制基於我要讓EditorFor控制，啓用或禁用的選擇。

最初，當我的頁面加載我提出用下面的JQuery聲明禁用了控制

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

此語句工作正常，它會禁用控制，現在我說之前，我想使EditorFor控制啓用和禁用基於DropdownFor控件的選擇。

我試圖通過編寫下面的腳本。

$('#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屬性的存在使得控制「已禁用」。通過完全移除它可以實現控制。