2013-10-31 49 views
4

我試圖改變鏈接時選擇一個日期,但每當我選擇日期,我得到 ?day=這裏是我的代碼:jQuery的 - 引導日期選擇器的onChange問​​題

標記:

<i class="icon-calendar"></i>

它只有當我使用輸入 <input type="text" class="datepicker">

JavaScript的作品:

 $(document).ready(function(){ 
      $(".datepicker").datepicker({ 
       format: "yyyy-mm-dd", 
       endDate: "-2d" 
      }) 

      .on('changeDate', function(ev){ 
       var dateData = $('.datepicker').val(); 
       window.location.href = "?day=" + dateData ; 
      }); 
     }); 

預期結果:?day=2013-11-01

感謝

回答

11

根據t ○documentation你可以格式化的日期與通過事件對象訪問的format()功能:

$(document).ready(function(){ 
     $(".datepicker").datepicker({ 
      format: "yyyy-mm-dd", 
      endDate: "-2d" 
     }) 
     .on('changeDate', function(ev){ 
      window.location.href = "?day=" + ev.format(); 
     }); 
    }); 
+0

這就是我一直在尋找的! –

0

我沒有測試過,但我認爲它應該更像

$(".datepicker").on('change', function(ev){ 
    var dateData = $(this).val(); 
    window.location.href = "?day=" + dateData ; 
}); 
+0

它沒有遺憾的工作。 –

+0

提醒數據並告訴我什麼顯示 –

1

我敢肯定,你可以通過ev訪問日期:

$(document).ready(function(){ 
    $(".datepicker").datepicker({ 
     format: "yyyy-mm-dd", 
     endDate: "-2d" 
    }) 

    .on('changeDate', function(ev){ 
     var dateData = new Date(ev.date); // this is the change 
     window.location.href = "?day=" + dateData ; 
    }); 
});