how to get the date from datepicker in jquery

Question

I used this snippet to display dates using datepicker:

$(document).ready(function(){

    $("#txtFrom").datepicker({
      numberOfMonths: 1,
      onSelect: function (selected) {
        var dt = new Date(selected);
        dt.setDate(dt.getDate() + 1);
        $("#txtTo").datepicker("option", "minDate", dt);
      }
    });
    $("#txtTo").datepicker({
      numberOfMonths: 1,
      onSelect: function (selected) {
        var dt = new Date(selected);
        dt.setDate(dt.getDate() - 1);
        $("#txtFrom").datepicker("option", "maxDate", dt);
      }
    });

    $('#txtFrom').on("click", function(){
      alert($(this).getDate());
    });
});

Now I wanna be able to store each date in a variable and display and alert after choosing and clicking in the input submit button. Please help

Note: In the snippet I actually tried but it didn't work.

Hope you can help from the entire code here

You are using `onSelect` event in which you are getting the selected date, so persist it. Whats the problem? — Satpal, Apr 05 '17 at 12:55
maybe a dup! http://stackoverflow.com/questions/2562986/getdate-with-jquery-datepicker — funcoding, Apr 05 '17 at 12:58
@Satpal. Hope you don't mind running the snippet to see what I am trying and that I can alert the date. — Ragmah, Apr 05 '17 at 13:00
Thanks it works. Mind explaining what exactly was wrong in my snippet? — Ragmah, Apr 05 '17 at 13:07
You attached click with `$('#txtFrom').on("click"`, where as I did `$('.submit-here').click(function() {` and note `txtToDate = selected;` — Satpal, Apr 05 '17 at 13:08

score 0 · Answer 1 · answered Apr 05 '17 at 13:15

0

You can try on button click event:

$('#txtFrom').on("click", function(){
      alert($("#txtFrom").val());
      alert($("#txtTo").val());
 });

answered Apr 05 '17 at 13:15

Gondaliya Darshan

41
6

score 0 · Answer 2 · answered Apr 05 '17 at 13:23

0

If you want as a Date Object use:

$('#txtFrom').datepicker( 'getDate' )

answered Apr 05 '17 at 13:23

funcoding

741
6
11

how to get the date from datepicker in jquery

2 Answers2