2017-04-18 8 views
0

は、日付ピッカーでいるとき、日付ピッカーを無効他の入力フィールドは、私は2つの入力フィールドにそれらのいずれかを持っている値

私だけ

私はときに、他の1をロックに成功したものを充填できるようにしたいです日付ピッカーがいっぱいです 私はその反対をすることができませんでした

どうすればいいですか?私はあなたのセレクタに問題がある参照

<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

答えて

0

あなたはラインでは、2つの問題を抱えている日付ピッカーを無効にするには、だから、

$('#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/

+0

はありがとうございました^^ – Learner

0

。代わりにこのコードを試してください。

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

はあなたが$記号を追加する必要があります:

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