CODEWITHSUNDEEP
javascriptdatepicker
swe
swe

Reputation: 11

datepicker in javascript date format DD/MM/YYYY

Am using a datepicker in my application.

code is :

this.$el.find('#ondate').datepicker({
        minDate: 0,
        maxDate: "+2M",
        onSelect: function(x) {
          self.startDepartureValidation();
          return self.onDate(x);
        },
//        numberOfMonths: numberOfMonths,
        beforeShow: function() {
          return $('#ondate').datepicker("option", "maxDate", $("#returndate").datepicker('getDate'));
        }
      });

when i seklect the date am getting the format as MM/DD/YYYY but i need as DD/MM/YYYY in the textbox.

if i use the dateformat: in datepicker i will get that format but , with MM/DD/YYYY am having so many calculations in my application.

Note: i need just in datepicker textbox after seklecting date it should show in that textbox as DD/MM/YYYY. without changing in our code in other places

Upvotes: 1

Views: 1377

Answers (1)

Sarath Chandra
Sarath Chandra

Reputation: 1878

Add the dateFormat attribute to your code:

this.$el.find('#ondate').datepicker({
        minDate: 0,
        maxDate: "+2M",
        dateFomat: 'dd/mm/yy', //Note that 'yy' is for four digits.
        onSelect: function(x) {
          self.startDepartureValidation();
          return self.onDate(x);
        },
//        numberOfMonths: numberOfMonths,
        beforeShow: function() {
          return $('#ondate').datepicker("option", "maxDate", $("#returndate").datepicker('getDate'));
        }
      });

More details at the official documentation here.

The below snippet of code can help in converting date format:-

var ddMMyy = $("#ondate").val().split("/");
var mmDDyy = ddMMyy[1]+"/"+ddMMyy[0]+"/"ddMMyy[2];
alert(mmDDyy);

Working JSFiddle here.

Upvotes: 2

Related Questions