jQuery UI选择月份和年份 jQuery monthpicker.js

  • 源码大小:7.23KB
  • 所需积分:1积分
  • 源码编号:19JP-3208
  • 浏览次数:754次
  • 最后更新:2023年05月18日
  • 所属栏目:时间和时钟
本站默认解压密码:19jp.com 或 19jp_com

简介

一个月选择器jQuery插件,它扩展了jQuery UI的日期选择器小部件,允许用户只选择月份和年份。

参见:

  • jQuery UI月/年选择器的jQuery插件-mtz.monthpicker
  • jQuery和jQuery UI月份和年份选择器插件

如何使用它:

1.在文档中加载必要的jQuery和jQuery UI。

  1. <link rel="stylesheet" href="/path/to/cdn/jquery-ui.min.css" />
  2. <script src="/path/to/cdn/jquery.min.js"></script>
  3. <script src="/path/to/cdn/jquery-ui.min.js"></script>

2.在jQuery之后下载并加载月份选择器插件。

  1. <script src="monthpicker.js"></script>

3.创建两个输入字段,如下所示:

  1. <!-- Month Picker Input -->
  2. <input class="js-monthpicker" type="hidden">
  3.  
  4. <!-- Alternative Input (The selected month/year will be placed here) -->
  5. <input type="text" />

4.在文档就绪时初始化月份选择器。就是这样。

  1. $(function(){
  2. $('.js-monthpicker').monthpicker();
  3. });

5.自定义月/年格式。默认值:'Myy'。

  1. $('.js-monthpicker').monthpicker({
  2. // e.g. May 2022
  3. altFormat: 'MM yy'
  4. });

6.在年份之间切换时,设置月份的步长。默认值:“12”。

  1. $('.js-monthpicker').monthpicker({
  2. stepMonths: 6,
  3. });

预览截图