JQuery Mobile UI DatePicker define date format

Question

I'm trying to select date in mobile version website but it takes date from datepicker in form of mm/dd/yyyy but i want it in dd/mm/yyyy

I also tried it by changing in "jquery.ui.datepicker.mobile.js" file

$( ".ui-page" ).live( "pagecreate", function(){     
   $( "input[type='date'], input[data-type='date']" ).each(function(){
      $(this).after($("<div />").datepicker({ altField: "#" + $(this).attr("id"),
                           showOtherMonths: true, dateFormat: "dd/mm/yy" }));
   }); 
});

IN my JSP page I write this line

<input type="date" id="frmdatepicker" name="frmDateFilter" 
                                          value="<%= frmDateFilter %>"/>

but still not working. please help me..

Gajotres · Accepted Answer · 2013-05-27 08:08:18Z

2

Working example: http://jsfiddle.net/Gajotres/ZenxF/

This is how you do it:

$(document).on('pageinit', '[data-role="page"]', function(){ 
   $( "input[type='date']" ).each(function(){
      $(this).datepicker({ altField: "#" + $(this).attr("id"), showOtherMonths: true, dateFormat: "dd/mm/yy" });
   });        
});

answered May 27, 2013 at 8:08

Gajotres

57.3k16 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery Mobile UI DatePicker define date format

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related