using jquery ui datepicker and changing date format

Question

I can't change the date format.. about to tear my hair out. Searched the API and tried it all. Tried everything

HTML

<body>
  <p>Date:
    <input type="text" id="datepicker" />
  </p>
</body>

jQuery

$(function () {
  $(".selector").datepicker({
    dateFormat: 'dd-mm-yy'
  });
  $("#datepicker").datepicker({
    showOn: "button",
    buttonImage: "calendar_icon120121018-7997-10s714y-0_original.png",
    buttonImageOnly: true
  });
});

code shows dateformat so you haven't explained what the issue is. Please be more specific and if problem relates to external data provide sample — charlietfl
– charlietfl, Commented Jan 20, 2013 at 16:23
i want the date to be = day month year, instead of the default = month, day, year — user1944305
– user1944305, Commented Jan 20, 2013 at 16:25

JJJ · Accepted Answer · 2013-01-20 16:29:44Z

2

I see you have copy-pasted this line from the API:

$( ".selector" ).datepicker({ dateFormat: 'dd-mm-yy' });

.selector is a placeholder for the element you apply the datepicker to, in this case #datepicker. It's just an example, you have to modify it to fit into your own code.

Put the dateFormat option to the actual datepicker initializer, just like all the other options:

$( "#datepicker" ).datepicker({
    dateFormat: 'dd-mm-yy',
    showOn: "button",            
    buttonImage: "calendar_icon120121018-7997-10s714y-0_original.png",          
    buttonImageOnly: true    
});

answered Jan 20, 2013 at 16:29

JJJ

33.2k20 gold badges95 silver badges103 bronze badges

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

Collectives™ on Stack Overflow

using jquery ui datepicker and changing date format

HTML

jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

HTML

jQuery

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related