Default value for jquery date picker

Question

I have some questions regarding jQuery UI date picker.

1 - Is there an option to have a default value? What I am trying to do is pre-filled my input text type with today's date.

2 - If I put the type = "Date" instead of type = "Text" and then use jquery time picker on it, I get this error when I select the date.

 The specified value '02/18/2015' does not conform to the required format, 'yyyy-MM-dd.'

How do I solve this?

score 7 · Accepted Answer · edited Feb 07 '17 at 02:12

7

To create the date picker and set the date. You can assign today's date by 'new Date().' You can set input type=text or type=date.

$('.datepicker').datepicker({ 
     dateFormat: 'dd-mm-yy'
     }).datepicker("setDate", new Date());

edited Feb 07 '17 at 02:12

tRuEsAtM

3,517
6
43
83

answered Feb 19 '15 at 10:50

Sadikhasan

18,365
21
80
122

What if I want type = "Date" ? – mohsinali1317 Feb 19 '15 at 10:56
Yes I can set it but when I select the value it is not selected. Check the console. I am trying it on chrome. – mohsinali1317 Feb 19 '15 at 11:01
3

Yes, you are right `date` type not working in `chrome` so you have to change `text`. – Sadikhasan Feb 19 '15 at 11:03
If you want work with `type=date` then might this helpful http://stackoverflow.com/questions/16890376/chrome-type-date-and-jquery-ui-date-picker-clashing – Sadikhasan Feb 19 '15 at 11:07

score 0 · Answer 2 · answered Feb 19 '15 at 10:52

0

(function() {

  $(".dp").datepicker({
    format: 'dd-mm-yyyy',
    startDate: new Date(),
    endDate: ''
  }).on("show", function() {
    $(this).val(new Date()).datepicker('update');
  });

})();

answered Feb 19 '15 at 10:52

void

36,090
8
62
107

score 0 · Answer 3 · edited May 23 '17 at 11:54

Refer Below one: It works fine for me.

Jquery UI date-picker Set default date

<script>
    $(function() {
        $( "#datepicker" ).datepicker({
            dateFormat: 'dd-mm-yy'
        }).val(getTodaysDate(0)); // For current date

        $( "#datepicker2" ).datepicker({
            dateFormat: 'dd-mm-yy',
            }).val(getTodaysDate(1));  // For previous month's date
    });

  function getTodaysDate (val) {
    var t = new Date, day, month, year = t.getFullYear();
    if (t.getDate() < 10) {
        day = "0" + t.getDate();
    }
    else {
        day = t.getDate();
    }
    if ((t.getMonth() + 1) < 10) {
        month = "0" + (t.getMonth() + 1 - val);
    }
    else {
        month = t.getMonth() + 1 - val;
    }

    return (day + '/' + month + '/' + year);
   }
</script>

Default value for jquery date picker

3 Answers3

Linked