如何在日期选择器文本框中将默认日期值设置为当前日期？答案

【问题标题】：How to set default date value as current date in a datepicker textbox?如何在日期选择器文本框中将默认日期值设置为当前日期？
【发布时间】：2017-02-27 06:00:09
【问题描述】：

我有两个日期选择器。我想在一个日期选择器中将今天的日期设置为默认日期，并在另一个日期选择器中设置 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()

【问题讨论】：

控制台是否显示错误？
你能分享一下jsfiddle吗？为您提供最好的解决方案会更好。

标签： javascript jquery date jquery-ui datepicker

【解决方案1】：

你试过了吗？

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

这可能对你有用，试试吧：

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

【讨论】：

感谢您的代码。这个对我有用。我还有一个问题你能帮我解决吗？
Changeyear 和 changeMonth 对我不起作用。你知道我该如何解决这个问题吗？
jsfiddle.net/f2md3zy5/225 检查这个。我想像这样得到它。但是当我在我的网站中使用相同的代码时，我没有得到月份和年份的下拉菜单。
您使用的是哪个 jquery /.js 脚本？请使用最新的。这可能是您没有获得全部功能的原因。
使用 jquery-1.9.1.js

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

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

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

下一个日期选择器

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

检查这个小提琴。

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

【讨论】：

感谢您的代码。我在文本框中得到了值。但我需要一个比当前日期早一周的日期。现在我得到的值是当前日期后一周的值。
好的。您必须修改最后一行。减少 7 天 $("#datepickerTo").datepicker("setDate" , "selected date of datepickerFrom - 7");使用@AkhilN 的解决方案
我还有一个问题。 Changeyear 和 changeMonth 对我不起作用。你知道我该如何解决这个问题吗？
我在小提琴中得到了答案，但在我的网页中没有得到答案。
在这种情况下，您的网页中肯定存在一些冲突。是直播吗？如果是，请分享该网址。否则创建一个 html 并分享它。