jQuery - Bootstrap Datepicker onChange issue

jQuery - Bootstrap Datepicker onChange issue

本文关键字：onChange issue Datepicker Bootstrap jQuery      更新时间：2023-09-26

我正在尝试在选择日期时更改链接，但每当我选择日期时，我都会得到 ?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

谢谢

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

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

确定您可以通过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 ;
    });
});

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

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