How to set default date value as current date in a datepicker textbox?

Question

I have two datepicker. I wanted to set today's date as default in one datepicker, and 7 day before in another datepicker. Also I want drop-down list for selecting month and year in datepicker.

in script I wrote the code below

 $("#datepickerTo").datepicker({
                 dateFormat: 'mm-dd-yy', 
                 changeMonth: true,
                 changeYear: true,
                 yearRange: '-70:+10',


});

$("#datepickerFrom").datepicker({
                 dateFormat: 'mm-dd-yy', 
                 changeMonth: true,
                 changeYear: true,
                 yearRange: '-70:+10',


});

but it is not working for me. please help me to solve this.

i also tried setDate, new Date()

Answer 1

This may work for you,try it :

 var lastDate = new Date(); lastDate.setDate(lastDate.getDate() - 7);//any date you want $("#datepickerFrom").datepicker('setDate', lastDate);

Answer 2

Have you tried this ?

 var currentDate = new Date();
 $("#datepickerTo").datepicker({ defaultDate:  currentDate});

Answer 3

function getLastWeek(_date){
    var today = new Date(_date);
    var lastWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 7);
    return lastWeek ;
}

var lastWeekDate = $.datepicker.formatDate('mm/dd/yyyy', getLastWeek('20/11/2015'));
 $("#dateTimePicker").datepicker( "setDate" , laswWeekDate );

Answer 4

Try setting value for both datepicker after you have bind datepicker to them. ie after you above code. try below code.

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

for next datepicker

$("#datepickerTo").datepicker("setDate" , "selected date of datepickerFrom - 7");

Check this Fiddle.

http://jsfiddle.net/f2md3zy5/221/

Answer 5

I know this is super late, but here are some one liners I wrote.

jQuery

$('#date').val(new Date().toISOString().substring(0, 10));

Vanilla Javascript

document.getElementById("date_expired").valueAsDate = new Date();

Answer 6

Try this:
I mean to say you can use minDate or maxdate

                    jQuery("#datePickerTo").datepicker({
                        changeMonth: true,
                        changeYear: true,
                        yearRange: datePickerRange,
                        maxDate: new Date
                    });