2016-03-24 3 views
0

datepickerウィジェット(インラインバージョン)のユーザー選択時にすぐにユーザー日付を取得しようとしています。あなたは正しい方向に私を向けることができますか?datepickerから日付をすぐにユーザーのクリックで保存します。

HTML 
<div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy"> 

JS 
$("#datepicker").datepicker({ 
    autoclose: true, 
    onSelect: function(){ 
     var selected = $(this).val(); 
     // log to check if date is being saved, which its not 
     console.log(selected); 
    }  
}).datepicker('update', new Date()); 

ここでもcodepenへのリンクです: http://codepen.io/cmicpace/pen/xVdMWE?editors=1011

おかげ

答えて

0

あなたは、ブートストラップやjqueryの日付ピッカーを使用していますか? update()メソッドがJquery datePickerの有効なメソッドではありません。だから、私はあなたがブートストラップdatepickerを使用すると信じています。 ブートストラップのdatepickerは、ユーザーの選択によって日付が変更された直後に 'changeDate'イベントを発生させます。ここでは、 'changeDate'イベントに基づいて日付を選択する例を示します。

$(function() { 
    $("#datepicker").datepicker({   
     autoclose: true,    
    }).datepicker('update', new Date(2016, 2, 5)).on('changeDate', dateChanged);    
}); 

function dateChanged(ev) {  
     console.log(ev.date); 
} 

Updateメソッドは、引数の下に運びます。したがって、新しいDate()は有効な引数ではありません。

$('.datepicker').datepicker('update'); 
$('.datepicker').datepicker('update', '2011-03-05'); 
$('.datepicker').datepicker('update', new Date(2011, 2, 5)); 
関連する問題