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

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

• javascript
• jquery
• date
• jquery-ui
• datepicker

• Is it showing any error in console? – PraveenKumar.erakkingal Commented Oct 18, 2016 at 5:29
• Can you share jsfiddle? It will be better to provide you the best solution. – Prashant Kankhara Commented Oct 18, 2016 at 5:54

7 Answers 7

This may work for you,try it :

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

Have you tried this ?

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

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

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();

Try setting value for both datepicker after you have bind datepicker to them. i.e 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/

Use this

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

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

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