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/