JQuery - Bootstrap Datepicker onChange issue

Question

I try to change the link when selecting a date, but whenever I select a date, I get ?day=here my code:

Markup:

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

It only works when using input <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 ;
            });
        });

Expected results: ?day=2013-11-01

thanks

Answer 1

According to documentationyou can get the formatted date using the function format()available through the event object:

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

Answer 2

I am sure you can access the date via 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

I have not tested it, but I think it should be more like

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