Jquery DatePicker 设置默认日期

Posted 2023-05-07

【中文标题】Jquery DatePicker 设置默认日期

【英文标题】：Jquery DatePicker Set default date

【发布时间】：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()，但它不起作用。

【参考方案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);
    );