jQuery Datepicker 是一個很有用的 UI 插件,能夠讓你的表單更加美觀和易于使用。其中,月份選擇器是該插件中最常用的功能之一。
要使用 jQuery Datepicker 的月份選擇器,需要引入相關的文件。假設您已經引入了 jQuery 和 jQuery UI 的庫文件,可以按照如下方式引入 Datepicker 的月份選擇器:
<link rel="stylesheet" >
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#datepicker" ).datepicker({
changeMonth: true, // 開啟月份選擇器
changeYear: true, // 開啟年份選擇器
showButtonPanel: true, // 顯示按鈕面板
dateFormat: "mm/yy", // 設定日期格式
});
} );
</script>
在上面的代碼中,我們設置了一些選項,包括開啟月份選擇器、年份選擇器和按鈕面板,并且設定了日期格式,使其顯示為 "mm/yy"。其中,#datepicker 是綁定到表單元素的id,你可以根據自己的需要進行修改。
當你運行上面的代碼后,就可以看到一個月份選擇器的控件被渲染出來了。你可以通過點擊左右箭頭來改變月份,也可以通過點擊中間的下拉列表來快速跳轉到某個月份。此外,你還可以在年份選擇器中選擇不同的年份。
總的來說,jQuery Datepicker 的月份選擇器是一個非常好用的插件,能夠讓你的表單更加簡潔、易用和美觀,如果你在自己的網站或應用中需要使用到日期選擇器,不妨試試它吧。