入力フィールドの塗りつぶしイベントに基づいて隠しボタンを表示

Question

私は日時フィールドと非表示ボタンを持っています。私はdatetimeフィールドがいっぱいになったときにだけボタンを表示したい。

<input type='text' id='datetimepicker'> 

<button type="button" id="just-a-button" class="btn btn-primary pull-left"> 
    Button 
</button> 

JAVASCRIPT

$('#datetimepicker').datetimepicker({ 
    dateFormat: 'Y-m-d H:i' 
}); 

$("#datetimepicker").focusout(function() { 
    if ($("#datetimepicker").val()) { 
    $('button#just-a-button').show(); 
    } 
}); 

ライブデモがhereある

HTML - ここに私のコードです。

日時の後に入力フィールドの外側の領域をクリックするとボタンが表示されます。

日時の選択後すぐにボタンを表示させたいと考えています。どうすればこれを達成できますか？

Answer 1

は次のようにjQueryのオブジェクトをchangeイベントに耳を傾け、再利用：

$("#datetimepicker").change(function() { 
    if ($(this).val()) { 
    $('button#just-a-button').show(); 
    } 
}); 

---

EDIT：代替ソリューション（そしておそらくより良い） - hereを書き込んだとして、あなたは、プラグインが提供するコールバック関数を使用することができます。

$('#datetimepicker').datetimepicker({ 
    dateFormat: 'Y-m-d H:i', 
    onChangeDateTime: function() { 
    $('button#just-a-button').show(); 
    } 
}); 

..この方法では、最初の解決策からコードを削除することもできます単一のコード

Answer 2

使用onchange

$("#datetimepicker").on('change',function() { 
if ($("#datetimepicker").val()) { 
$('button#just-a-button').show(); 
}});