如何在datepicker文本框中将默认日期值设置为当前日期?

时间:2016-10-18 05:25:54

标签: javascript jquery date jquery-ui datepicker

我有两个日期选择器。 我想将今天的日期设置为一个日期选择器中的默认日期,并在另一个日期选择器中设置为7天。另外,我想要在datepicker中选择月份和年份的下拉列表。

在脚本中我编写了下面的代码

 $("#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',


});

但它不适合我。 请帮我解决这个问题。

我也试过setDate, new Date()

5 个答案:

答案 0 :(得分:2)

你试过这个吗?

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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

这可能对您有用,请尝试:



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




答案 3 :(得分:0)

在将datepicker绑定到它们之后,尝试为两个datepicker设置值。 即你上面的代码。尝试以下代码。

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

用于下一个datepicker

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

检查这个小提琴。

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

答案 4 :(得分:-1)

试试这个:
我的意思是说你可以使用minDate或maxdate

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