0

次の月 (または前の月) をクリックしたときに、日付ピッカーの最初に表示された日付を取得したいと考えています。日付ピッカーは 2 か月 (11 月と 12 月など) を示しており、次の月をクリックすると、最初の日付を次のような変数として関数をトリガーしたいと考えています。

$(document).on('click','.ui-datepicker-next',function(){
  test(first_date);
});

$(function() {
    $( "#vak_kalender" ).datepicker({      
        numberOfMonths: 2,
        minDate: new Date(),            
        maxDate: new Date(volgend_jaar, 24,0),
        beforeShowDay:function highlightDays(date) {
        var timestamp = new Date(Date.UTC(date.getFullYear(),date.getMonth(),date.getDate()));
  var timestamp = timestamp/1000;
  if ($.inArray(timestamp, verhuurt) != -1){
               return [false,'verhuurt'];
            }
        else if ($.inArray(timestamp, gesloten) != -1) {
              return [false,'gesloten'];
          }
        else if ($.inArray(timestamp, wisseldagen) != -1) {
              return [true,'wisseldag'];
          }
        else{return [true, 'beschikbaar'];}
        },
        showWeek: true 
    });  
});
4

1 に答える 1

0

以下は動作するはずです

$( "#datepicker, #datepicker2" ).datepicker({ numberOfMonths: 2 });
$(document).on('click','.ui-datepicker-next',function(){
  var picker = $.datepicker._curInst;
  var date = new Date(picker.selectedYear, picker.selectedMonth, 1);
  console.log(date);
});

JSFiddle

編集

インラインの日付ピッカーを使用しているため、日付ピッカーにアクセスする方法が少し異なります。以下はうまくいくはずです。

$("#datepicker1" ).datepicker({ numberOfMonths: 2 });
$(document).on('click','.ui-datepicker-next',function(){
    var picker = $("#datepicker1").data("datepicker");
    var date = new Date(picker.selectedYear, picker.selectedMonth, 1);
    console.log(date);
});

JSFiddle

于 2013-10-16T19:45:39.903 に答える