一个月选择器jQuery插件,它扩展了jQuery UI的日期选择器小部件,允许用户只选择月份和年份。
1.在文档中加载必要的jQuery和jQuery UI。
<link rel="stylesheet" href="/path/to/cdn/jquery-ui.min.css" /> <script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/cdn/jquery-ui.min.js"></script>
2.在jQuery之后下载并加载月份选择器插件。
<script src="monthpicker.js"></script>
3.创建两个输入字段,如下所示:
<!-- Month Picker Input --> <input class="js-monthpicker" type="hidden"> <!-- Alternative Input (The selected month/year will be placed here) --> <input type="text" />
4.在文档就绪时初始化月份选择器。就是这样。
$(function(){ $('.js-monthpicker').monthpicker(); });
5.自定义月/年格式。默认值:'Myy'。
$('.js-monthpicker').monthpicker({ // e.g. May 2022 altFormat: 'MM yy' });
6.在年份之间切换时,设置月份的步长。默认值:“12”。
$('.js-monthpicker').monthpicker({ stepMonths: 6, });