Jquery UI date-picker Set default date

Question

I used jQuery UI for datepicker i want to show current date in the field as default following is my code please help

    <script>
        $(function() {
         $( "#datepicker" ).datepicker({
        dateFormat: 'dd-mm-yy',
        currentText: "Now"
         });

        $( "#datepicker2" ).datepicker({
        dateFormat: 'dd-mm-yy',
        currentText: "Now"
        });

    });
        </script>

From Date: <input type='text' id='datepicker' name='date_from' />
To Date:   <input type='text' id='datepicker2' name='date_to' />

But I could not set default date

Try `var date_today = new Date();` Then use `defaultDate: date_today` — asprin, Nov 05 '12 at 09:48
http://stackoverflow.com/questions/3829033/jquery-ui-datepicker-default-date . Try to search before posting — Dzung Nguyen, Nov 05 '12 at 09:48

Niks Jain · Accepted Answer · 2012-11-07T06:04:53.233

Try this code.

<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>

Hi thanks, this works fine, i want 1 more help in the 1st datepicker i want show 1 month previous date from today — Elby, Nov 05 '12 at 09:56

score 0 · Answer 2 · answered Nov 05 '12 at 09:53

0

you can use setDate

$("#datepicker").datepicker("setDate", (new Date()));

answered Nov 05 '12 at 09:53

rahul

7,573
7
39
53

score 0 · Answer 3 · answered Nov 04 '13 at 01:58

0

Another way of doing this is:

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

answered Nov 04 '13 at 01:58

Kraiden

567
3
18

score -1 · Answer 4 · answered Nov 05 '12 at 09:48

-1

You can set value like this.

$("#datepicker").val() = 'some value';

Write a condition if there is no value use above or use its value.

answered Nov 05 '12 at 09:48

KA.

4,220
5
26
37

Jquery UI date-picker Set default date

4 Answers4

Linked