jQuery UI 日期选择器 setDate() 方法

简介

jQuery UI 是一个基于 jQuery 的用户界面库，提供了丰富的交互组件和效果，其中包括日期选择器。setDate() 方法是日期选择器提供的一个功能强大的方法，用于设置日期选择器的选中日期。

方法语法

$(selector).datepicker("setDate", date);

参数

• selector: 选择器，指定要使用日期选择器的元素。
• date: 日期对象，指定要设置的选中日期。

示例

以下示例演示如何使用setDate()方法设置日期选择器的选中日期。

// HTML
<input id="datepicker">

// JavaScript
$(function() {
  $("#datepicker").datepicker();

  // 设置选中日期为当前日期
  var currentDate = new Date();
  $("#datepicker").datepicker("setDate", currentDate);
});

说明

1. 首先，在 HTML 中添加一个输入框，并设置一个唯一的 ID。
2. 在 JavaScript 中，使用$(selector).datepicker()方法来将日期选择器应用于该输入框。
3. 使用new Date()方法创建一个日期对象来表示当前日期，并将其存储在currentDate变量中。
4. 使用$("#datepicker").datepicker("setDate", currentDate)将选中日期设置为当前日期。

注意：setDate()方法的实参可以是一个日期字符串、日期对象或数字（表示天数相对于今天的偏移量）。

结论

setDate()方法是 jQuery UI 日期选择器提供的一个非常有用的方法，用于设置日期选择器的选中日期。通过该方法，开发人员可以轻松地为日期选择器设置初始选中日期，提高用户的使用体验。

详细的介绍请参考 jQuery UI 官方文档。