禁用日期選取器，當其他輸入字段值

Question

我有兩個輸入字段其中一個是一個日期選擇器

我想允許填充一個只有

我鎖定了另外一個當成功日期選擇器填充 但我不能做相反的

如何做？

<label>Event Date (English)</label> 
<input type="text" name="edateen" id="datepicker" class="edateen"> 
<br><br> 
<label>Event Date (Arabic)</label> 
<input type="text" name="edatear" id="edatear" placeholder="1438-04-18"> 

jQuery的

$(function(){ 
$("#datepicker").datepicker({dateFormat: 'yy-mm-dd'}); 
}); 

$(document).ready(function() { 

    $("#datepicker").keypress(function (e) 
    { 
     e.preventDefault(); 
    }); 

    $('input.edateen').on("change", function(){ 
      if($.trim($(".edateen").val())){ 
      $('#edatear').attr("disabled", "disabled"); 
      }else{ 
    $('#edatear').removeAttr('disabled'); 
    } 

    }); 

}); 

Fiddle

Answer 1

你有兩個問題，在該行：

('#edatear').on("change", function() { 

你應該添加$符號：

$('#edatear').on("change", function() { 

因此，禁用日期選擇器，則應更換：

$('#datepicker').attr('readonly',false).datepicker(); 

到：

$('#datepicker').datepicker("option", "disabled", true); 

要正確禁用。

要啓用只是改變true到false這樣的：

$('#datepicker').datepicker("option", "disabled", false); 

有例子的工作：https://jsfiddle.net/f3w0vhtg/10/

Answer 2

我看到有一個與你選擇的問題。改爲嘗試此代碼。

$("#edatear").on("keypress keyup",function(){ 
    if ($("#edatear").val() !== '') 
     $("#datepicker").attr("disabled","disabled"); 
    else 
    $("#datepicker").removeAttr("disabled"); 
});