Jquery DatePicker 设置默认日期

1个回答

foxhole

2025-06-23 05:10

CSS
CSS

Jquery DatePicker 设置默认日期

Jquery DatePicker是一个常用的日期选择器插件，可以方便地为用户提供日期选择的功能。在使用Jquery DatePicker时，有时需要设置默认日期，即在加载页面时自动显示某个日期。本文将介绍如何，并提供一个案例代码来演示如何设置默认日期。

案例代码：

html
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" class="url" target="_blank" rel="nofollow noreferrer" href="/to/?target=https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.CSS">
  <script src="https://code.jquery.com/jquery-3.5.1.min.JS"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.JS"></script>
  <script>
    $(function() {
      $("#datepicker").datepicker({ defaultDate: new Date(2022, 0, 1) });
    });
  </script>
</head>
<body>
  <label for="datepicker">选择日期：</label>
  <input type="text" id="datepicker">
</body>
</html>

在上述案例代码中，我们首先引入了Jquery和Jquery UI的库文件，然后在页面加载完成后，使用$(function() { ... })来执行代码。在其中，我们通过$("#datepicker").datepicker({ defaultDate: new Date(2022, 0, 1) })来初始化日期选择器，并设置默认日期为2022年1月1日。

设置默认日期的方法

要设置Jquery DatePicker的默认日期，可以使用defaultDate选项。该选项接受一个日期对象作为参数，表示要显示的默认日期。

在上述案例代码中，我们使用new Date(2022, 0, 1)创建了一个日期对象，表示2022年1月1日。然后将该日期对象传递给defaultDate选项，即可将默认日期设置为2022年1月1日。

需要注意的是，月份从0开始计数，所以0表示1月，1表示2月，依此类推。年份和日期则按照实际数值传递即可。

本文介绍了如何使用Jquery DatePicker设置默认日期。通过使用defaultDate选项，我们可以方便地为日期选择器设置默认日期，以便用户能够更快捷地选择日期。上述案例代码提供了一个简单的示例，帮助读者更好地理解如何使用Jquery DatePicker设置默认日期。如果你在开发中需要使用日期选择器，并希望设置默认日期，不妨尝试一下这个方法。

举报有用（4）分享收藏

Jquery DatePicker 设置默认日期

1个回答

foxhole

热门话题

相关问题