format date in jQuery UI datepicker

Question

I use the datepicker from jQuery UI, but the format is like example today: 08/01/2013

But i want the format to be example today: 2013-08-01

Here is code line i think maybe i should use?

`$( "#txtFromDate" ).datepicker( "option", "dateFormat", "yyyy-mm-dd" );`

And here is my jQuery code i use that works fine but don't know where to put the line? And i want the format in both of my fields.

`
$(document).ready(function(){
    $("#txtFromDate").datepicker({
        minDate: "07/17/2012",
        maxDate: "0D",
        numberOfMonths: 2,
        onSelect: function(selected) {
          $("#txtToDate").datepicker("option","minDate", selected);
        }
    });
    $("#txtToDate").datepicker({ 
        minDate: "07/17/2013",
        maxDate:"0D",
        numberOfMonths: 2,
        onSelect: function(selected) {
           $("#txtFromDate").datepicker("option","maxDate", selected);
        }
    });  
});`

I hope somebody have a solution for this :-)

bipen · Accepted Answer · 2013-08-01 09:59:01Z

3

since your already have other options in the datepicker... add it there.

try this

$("#txtFromDate").datepicker({
    minDate: "07/17/2012",
    maxDate: "0D",
    numberOfMonths: 2,
    dateFormat: "yy-mm-dd", //<----here
    onSelect: function(selected) {
      $("#txtToDate").datepicker("option","minDate", selected);
    }
});

edited Aug 1, 2013 at 9:59

answered Aug 1, 2013 at 9:47

bipen

36.6k9 gold badges51 silver badges62 bronze badges

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

7 Comments

Dennis Over a year ago

I've tried that, but it's doesn't work. When i try that, i can't pick any date on the calendar

user405398 Over a year ago

dateFormat: "yyyy-mm-dd" should be dateFormat: "yy-mm-dd"

Dennis Over a year ago

It's still make the whole calendar unselectable

bipen Over a year ago

i thisnk there is something else that is breaking your code... check your console for any errors

dann Over a year ago

maybe the problem is minDate and maxDate, should also in format yy-mm-dd.... jsfiddle.net/TRqr9/1

|

Bindiya Patoliya · Accepted Answer · 2013-08-01 10:13:45Z

0

You can directly set the date format from jquery-ui library,that's work for me.hope for you also

in

function Datepicker()
{
  //other code
  dateFormat: "yy-mm-dd", // See format options on parseDate 
  //other code
}

edited Aug 1, 2013 at 10:13

answered Aug 1, 2013 at 10:07

Bindiya Patoliya

2,7821 gold badge18 silver badges16 bronze badges

Collectives™ on Stack Overflow

format date in jQuery UI datepicker

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related