jquery ui datepicker怎么设置默认日期

Question

如题所述

Answer 1

在使用jQuery UI Datepicker时，设置默认日期是一项常见的需求。这可以通过在初始化Datepicker时使用defaultDate属性来实现。defaultDate可以接受多种格式，包括字符串和日期类型。例如，为了设置2011年3月10日作为默认日期，可以采用以下代码：

默认日期的设置方式有两种：一种是直接使用日期字符串，另一种是使用日期对象。采用字符串方式时，可以像这样写：

javascript

$( "#datepicker" ).datepicker({

defaultDate: '2011-03-10'

});

这种方式简单直接，适用于需要快速设置默认日期的场景。使用日期对象的方式则更为灵活，可以精确控制日期的年、月、日等信息。例如：

javascript

var date = new Date(2011, 2, 10);

$( "#datepicker" ).datepicker({

defaultDate: date

});

这里的年份从1900年开始计算，月份是从0开始的，因此2代表3月。设置日期对象可以提供更多的灵活性，适用于需要动态设置日期的场景。

值得注意的是，如果在使用Datepicker插件时，希望日期控件在加载时就显示特定的日期，那么设置defaultDate属性是一个有效的方法。此外，还可以结合其他配置项，如minDate和maxDate，来限制用户选择的日期范围，从而进一步增强用户体验。

总结来说，通过设置defaultDate属性，可以方便地为jQuery UI Datepicker指定默认日期，这在需要快速预设日期或提供日期上下文的场景中非常有用。