以下を使っています。
http://www.daterangepicker.com/
同ページ内に日付入力欄が複数あるため(動的にいくつでも作成されます)、セレクタは $('.daterange')
といった形でクラス指定しています。
日付入力欄それぞれにつき値の表示を変更する処理をcallback関数で行いたいのですが、callback関数内では this が使えず、以下のコードでは値が変更されません。
どのように改善すれば、値を変更した欄のみ値の表示を変更できるようになりますでしょうか。
ご教授いただければ幸いです。
function cb(start, end) {
console.log(start.unix());
if(start.unix()==moment.utc(0).unix()){
$(this).val("ALL"); //<-thisが使えないため動かない
//$(".daterange span").html("ALL"); <-全ての値が変わってしまう
}else{
$(this).val(start.format('YYYY-MM-DD hh:mm Z') + ' - ' + end.format('YYYY-MM-DD hh:mm Z'));
}
}
$('.daterange').daterangepicker({
timePicker: true,
autoUpdateInput: false
}, cb);
autoUpdateInput: false
下の波カッコ閉じはtypoですよね??