2013-10-31 50 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 ; 
    }); 
});