javascript - jQuery - Bootstrap Datepicker onChange 问题

Question

我正在尝试在选择日期时更改链接，但是每当我选择日期时，我都会得到 ?day=以下代码：

标记：

<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

谢谢

Answer 1

根据您可以通过事件对象访问documentation的函数获取格式化日期：format()

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

Answer 2

我很确定您可以通过以下方式访问日期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 ;
    });
});

Answer 3

我没有测试过，但我认为它应该更像

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