jQuery UI Datepicker changeYear用法及代码示例

jQuery UI由GUI小部件，视觉效果和使用jQuery，CSS和HTML实现的主题组成。 jQuery UI非常适合为网页构建UI接口。 jQueryUI中的jQueryUI Datepickers小部件允许用户轻松直观地输入日期。在本文中，我们将看到如何在jQuery UI Datepicker中使用changeYear选项。 changeYear选项用于直接更改jQuery UI Datepicker中的年份。

用法:

$(".selector").datepicker(
   {changeYear:true }
);

方法：

• 首先，添加项目所需的jQuery UI脚本。

<link href = “https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css” rel = “stylesheet”>

<script src = “https://code.jquery.com/jquery-1.10.2.js”></script>

<script src = “https://code.jquery.com/ui/1.10.4/jquery-ui.js”></script>

例：

输出：

参考：https：//api.jqueryui.com/datepicker/