2016-03-21 16 views
0

日付が選択されている場合、js関数のexampleFunction()にアクセスするにはどうすればよいですか?そこに日付の値を渡したいと思います。 DateTimePickerのためブートストラップ選択イベントのDatetimepicker

text_field_tag(HAML):

= text_field_tag 'start_day', class: 'datepick' 

Javascriptを:

$(".datepick").datetimepicker({ 
    timepicker: false, 
    format: 'd/m/Y', 
    closeOnDateSelect: true 
}); 

答えて

0

これは、使用しているプラ​​グインであれば、それはこのようになります。フルオプションリスト参照の

$(".datepick").datetimepicker({ 
    onChangeDateTime:exampleFunction 
}); 
function exampleFunction(){ 
    console.log("Date Selected") 
} 

http://xdsoft.net/jqplugins/datetimepicker/

はそれがお役に立てば幸いです。

0

これを試してみてください:

$(".datepick").datetimepicker({ 
    timepicker: false, 
    format: 'd/m/Y', 
    closeOnDateSelect: true 
}).on('dp.change', function (ev) { 
    exampleFunction() ;//your function call 
}); 
+0

'EV' とは何を意味するのでしょうか? – Zelenka

+0

選択した日付の詳細を取得できる変数です。コールバック機能を処理する変数名です。 –

3

あなたは下記のコードを使用することによって、これを達成することができます:

$("#datetimepicker6").on("dp.change", function (e) { 
    console.log(e.date); 
}); 

は、私はあなたの場合は、それは次のようになります。

$(".datepick").on("dp.change",function(e){ exampleFunction(e.date) }); 

は、これが呼び出されます忘れないでくださいあなたがクラスを使用して以来、各datetimepickerの値の変更に関するサンプル関数。

参考URL:単にhttps://eonasdan.github.io/bootstrap-datetimepicker/

+0

関数(e)の中で「e」とは何ですか? – Zelenka

+1

あなたのコンソールにeをキャッチし、あなた自身でそれをチェックしてください! console.log(e)を使用します。 –

+0

は完璧な答えになるはずです –

0

$(".datepick").datetimepicker({ 
    format: 'd/m/Y', 
}).on('select', function (e) { 
     console.log('on select event'); 
    }); 
関連する問題