jQuery bootstrap-datetimepicker change event

Question

I am using bootstrap-datetimepicker plugin from Jonathan Peterson on my project.

I'm having a problem with change event :

If I define event like this :

$('#Release').on('dp.change', function(e){ console.log(e.date()); })

I get the error :

Uncaught TypeError: e.date is not a function

Anyone knows how to get new date value on change event ?

Check manual here http://eonasdan.github.io/bootstrap-datetimepicker/ — NoWar, Sep 11 '18 at 07:16
See an example here https://sourcecodezoneseven.blogspot.com/2019/06/bootstrap-datetimepicker-events-example.html — CodeDezk, Jun 17 '19 at 12:16
Check this solution: https://stackoverflow.com/a/65575015/5840973 — Darshan Jain, Jan 05 '21 at 07:59

score 86 · Accepted Answer · answered Aug 06 '15 at 15:00

86

Looking at that link, it appears you are very close. You need to remove the parenthesis to get the right value.The way you currently are trying to log the value makes the browser think it needs to call a function.

$('#Release').on('dp.change', function(e){ console.log(e.date); })

answered Aug 06 '15 at 15:00

Kenneth Salomon

1,352
11
18

Reference: [https://eonasdan.github.io/bootstrap-datetimepicker/Events/#dpchange](https://eonasdan.github.io/bootstrap-datetimepicker/Events/#dpchange) – Nick Tsai Dec 19 '17 at 02:32
See an example here https://sourcecodezoneseven.blogspot.com/2019/06/bootstrap-datetimepicker-events-example.html – CodeDezk Jun 17 '19 at 12:16

score 16 · Answer 2 · edited Nov 23 '17 at 13:37

16

Please use this code to get change event of datetimepicker:

 $('.datepicker').datetimepicker(
    { format: 'MM/DD/YYYY' }).on('dp.change', function (e) {  });

edited Nov 23 '17 at 13:37

GhostCat

137,827
25
176
248

answered Nov 23 '17 at 13:12

Mohammed Jikriya

169
1
2

score 13 · Answer 3 · answered Aug 06 '15 at 15:29

13

Thanks to Kenneth suggestion, I figured out :

$('#Release').on('dp.change', function(e){ 
    var formatedValue = e.date.format(e.date._f);
    console.log(formatedValue);
})

Thank you Kenneth :)

answered Aug 06 '15 at 15:29

user5198552

531
1
4
7

e.date._i << as text – garik Nov 09 '19 at 20:55

jQuery bootstrap-datetimepicker change event

3 Answers3

Linked