Jquery DatePicker 设置默认日期答案

【问题标题】：Jquery DatePicker Set default dateJquery DatePicker 设置默认日期
【发布时间】：2013-01-12 21:30:28
【问题描述】：

我有两个日期字段，我使用 DatePicker 来选择日期。

对于第一个日期字段，我希望将今天的日期作为默认日期。
对于第二个日期字段，我需要 today + 15 days 作为我的默认日期

jQuery

$("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true});
$("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true});

如何设置默认日期？

我在第一次约会时尝试过setDate: new Date()，但它不起作用。

【问题讨论】：

标签： jquery jquery-ui jquery-ui-datepicker

【解决方案1】：

今天日期：

$( ".selector" ).datepicker( "setDate", new Date());
// Or on the init
$( ".selector" ).datepicker({ defaultDate: new Date() });

从今天起 15 天：

$( ".selector" ).datepicker( "setDate", 15);
// Or on the init
$( ".selector" ).datepicker({ defaultDate: 15 });

jQuery ui docs

【讨论】：

我点了它，它显示在文本框中但不在日历中
@KushalJain，如果你看到这个，很可能是因为你没有初始化日期选择器。你必须在运行 "$( ".selector" ).datepicker( "setDate", new Date());" 之前运行 "$( ".selector" ).datepicker()"

【解决方案2】：

创建日期选择器并设置日期。

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

【讨论】：

【解决方案3】：

对于今天的日期

$(document).ready(function() {
$('#textboxname').datepicker();
$('#textboxname').datepicker('setDate', 'today');});

【讨论】：

【解决方案4】：

使用defaultDate()

如果该字段为空白，则设置在首次打开时突出显示的日期。通过 Date 对象或当前 [[UI/Datepicker#option-dateFormat|dateFormat]] 中的字符串或从今天开始的天数（例如 +7）或值和句点字符串（ 'y' 表示年，'m' 表示月，'w' 表示周，'d' 表示天，例如 '+1m +7d'）或 null 表示今天。

试试这个

$("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: new Date()});
$("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: +15});

【讨论】：

【解决方案5】：

首先你需要获取当前日期

var currentDate = new Date();

然后你需要将它放在 datepicker 的参数中，如下所示

$("#datepicker").datepicker("setDate", currentDate);

检查以下jsfiddle。

【讨论】：

【解决方案6】：

<script  type="text/javascript">
    $(document).ready(function () {
        $("#txtDate").datepicker({ dateFormat: 'yy/mm/dd' }).datepicker("setDate", "0");
        $("#txtDate2").datepicker({ dateFormat: 'yy/mm/dd',  }).datepicker("setDate", new Date().getDay+15); });                       </script>

【讨论】：

【解决方案7】：

在 ID="mydate" 的元素输入或日期选择器中显示当前日期的代码

不要忘记添加对 jquery-ui-*.js 的引用

    $(document).ready(function () {
        var dateNewFormat, onlyDate, today = new Date();

        dateNewFormat = today.getFullYear() + '-' + (today.getMonth() + 1);

        onlyDate = today.getDate();

        if (onlyDate.toString().length == 2) {
            dateNewFormat += '-' + onlyDate;
        }
        else {
            dateNewFormat += '-0' + onlyDate;
        }
        $('#mydate').val(dateNewFormat);
    });

【讨论】：