Change Default Date Time format to specific "dd/mm/yyyy" format in Jquery

Question

On click of bootstrap3 datepicker I am getting selected date and setting it as innerHTML to a table .

Below is my code

$('[id^="dp"]').datepicker({
        format: 'dd/mm/yyyy',
        autoclose: true
    }).on('changeDate', function (e) {
        // `e` here contains the extra attributes
        var Date = e.date;
        newDate=Date.(How to change format here ) 
        $(this).text(newDate);
 });

Currently e.Date giving me date in format

Tue Sep 05 2017 00:00:00 GMT+0530 (India Standard Time)

As per my knowledge its default format in jQuery .

How to change it in dd/mm/yyyy ??

Which datepicker plugin are you using? Why can't you just use `var date = $(this).val()`? — BenM, Sep 08 '17 at 07:24
Are you trying to catch selected date in `dd/mm/yyyy` format? — Himanshu Upadhyay, Sep 08 '17 at 07:26
@HimanshuUpadhyay , I am trying to design editable row in html table , on click of table cell it will be editable and update new date by selecting new date from datepicker — Tanwer, Sep 08 '17 at 07:29
@Jack, I am asking specifically about `changeDate`. What do you want to achieve on that event? I am asking because datepicker gives many options which you can use. So probably I can suggest you something. — Himanshu Upadhyay, Sep 08 '17 at 07:36
@HimanshuUpadhyay , its ok Himanshu , other people got the problem . Thanks for your time — Tanwer, Sep 08 '17 at 08:38

score 2 · Accepted Answer · answered Sep 08 '17 at 08:36

2

You All ready getting everything in e.date

Seprate the month , day and year and than append them to get your desired format

var date = new Date(e.date),
    yr = date.getFullYear(),
    month = date.getMonth() < 10 ? '0' + date.getMonth() : date.getMonth(),
    day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(),
    newDate = day + '/' + month + '/' + yr;

answered Sep 08 '17 at 08:36

Saurabh

1,505
6
20
37

That's exactly what I want , Thanks – Tanwer Sep 08 '17 at 08:48

DNKROZ · Answer 2 · 2017-09-08T07:39:39.520

1

You can use toLocaleDateString() to achieve this:

var test = new Date(Date.now()).toLocaleDateString();
alert(test);

edited Sep 08 '17 at 07:39

answered Sep 08 '17 at 07:32

DNKROZ

2,634
4
25
43

Change Default Date Time format to specific "dd/mm/yyyy" format in Jquery

2 Answers2