2017-04-20 14 views
0

日付を選択するとDatepickerが開いたままになります。日付を選択した後に日付ピッカーを開くのを防ぐにはどうすればよいですか?日付を選択した後、日付ピッカーを開けないようにするにはどうすればいいですか?

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

私はautocloseプロパティをtrueにしようとしましたが機能しませんでした。私はまた、日付ピッカーを隠すために変更イベントで、また働かなかった。

+1

などの日付変更後の日付を隠そうとすることができます。あなたがそれをしたい理由は何ですか?なぜ、ユーザーが選択した日付が正しいかを確認できるボタンを実装しないでください。このボタンを押すと、datepickerを無効にする関数を実行できます。私の意見では、これはより良いユーザーエクスペリエンスを持っています。 – cezar

+0

これをチェックする[link](http://stackoverflow.com/questions/7812063/jquery-datepicker-readonly) –

答えて

0

私はこれと一緒に行くだろう。 (ここではデモ:http://codepen.io/8odoros/pen/OmNMVy

$("#dateload").datepicker({ 
    dateFormat: 'mm-dd-yy', 
    onSelect:function(){  
     if($(this).datepicker("getDate")) $(this).datepicker("destroy"); 
    } 
    }); 
+0

日付を変更したい場合は、日付ピッカーを破棄します。日付は変更できません。最初の日付のみを選択できます時間。 –

+0

私はそれが目標だと思う... –

+0

彼は日付を選んだときに日付ピッカーを閉じたいと思うが、別の日付を選ぶことができると思う。 –

0

changeイベントハンドラでこれを使用してみてください。

$('#dateload').datepicker({ 
    format: 'mm-dd-yy' 
}).on('change', function(){ 
    $('#dateload ~ .ui-datepicker').hide(); 
}); 
+0

私はそれを試しましたが、動作しません。それは隠され、再び見えている。 – User1674987

+0

@ User1674987、あなたは 'autoClose:true'プロパティを試しましたか? –

0

あなたはそれが彼の入力を修正することができないユーザーを意味し、この

$('#dateload').datepicker({ 
     format: 'mm-dd-yy' 
    }).on('change', function(){ 
     $('.datepicker').hide(); 
    }); 
関連する問題