Get the value of datepicker on change in jquery

Question

I need to get the value of datepicker on change, But it is returning undefined.

HTML :

<input  id="#return" name="start" class="date-pick form-control" value="" data-date-format="dd/mm/yyyy" type="text" />

JS :

$('input.date-pick').datepicker().on('changeDate', function (ev) {
      var firstDate = $('#return').val();
      alert(firstDate);
});

You've asked the [same question](http://stackoverflow.com/questions/38450944/how-to-get-the-value-of-date-picker-on-change-in-jquery) 5 hours earlier... — Andreas, Jul 19 '16 at 11:48
Here is an [answer](http://stackoverflow.com/questions/6471959/jquery-datepicker-onchange-event-help) in stackoverflow too !!! — Kirankumar Dafda, Jul 19 '16 at 11:49

score 5 · Answer 1 · answered Jul 19 '16 at 11:56

5

You could also use regular event change :

$('input.date-pick').datepicker().on('change', function (ev) {
   var firstDate = $(this).val();
   alert(firstDate);
});

Hope this helps.

answered Jul 19 '16 at 11:56

Zakaria Acharki

66,747
15
75
101

Dhara Parmar · Answer 2 · 2016-07-19T11:48:56.443

4

Use onSelect event and you can get selected value with in dateText variable

$('.date-pick').datepicker({
    onSelect: function(dateText, inst) {
      alert(dateText);
    }
});

edited Jul 19 '16 at 11:48

answered Jul 19 '16 at 11:48

Dhara Parmar

8,021
1
16
27

@KirankumarDafda The inst parameter is an internal object that captures the current state of the datepicker. Normally you don't need to use it at all. Inside the callback – Dhara Parmar Jul 19 '16 at 11:51

score 3 · Answer 3 · answered Jun 02 '18 at 06:32

3

you can easily do with below code:

 $(".date-pick").on('change', function(event) {
   event.preventDefault();
   alert(this.value);
  /* Act on the event */
  });

answered Jun 02 '18 at 06:32

Therichpost

1,759
2
14
19

score 0 · Answer 4 · answered Jul 19 '16 at 12:04

Your date field

<input id="thedate" type="text" class="date-pick"/>

And if you using bootstrap datepicker then add this script code

$(function() {

  $('.date-pick').datepicker({
    dateFormat: 'dd-mm-yy',
    onSelect: function(dateText, inst) {
      alert(dateText);
    }
  });

});

Here is the fiddle

http://jsfiddle.net/s1L5pjpb/1/

score 0 · Answer 5 · edited Feb 12 '20 at 07:54

0

You can also get the value directly from your onchange event:

onChange="variable=$(this).val();"

edited Feb 12 '20 at 07:54

THess

1,003
1
13
21

answered Feb 12 '20 at 07:18

user12883760

1

score 0 · Answer 6 · edited Jun 17 '22 at 16:11

0

$("#datepickerID").on('change', function() {
  dateVar = $("this").val();
}

You can get value by calling function when onchange event occur. Then, after you can store that value, alert it or print it on console.

edited Jun 17 '22 at 16:11

Tyler2P

2,324
26
22
31

answered Jun 17 '22 at 05:23

Demon

21
1

Get the value of datepicker on change in jquery

6 Answers6