📌  相关文章
📜  jQuery UI Datepicker numberOfMonths 选项(1)

📅  最后修改于: 2023-12-03 15:32:10.018000             🧑  作者: Mango

jQuery UI Datepicker numberOfMonths 选项

numberOfMonths 是 jQuery UI Datepicker 的一个选项，用于指定日历控件在一个页面上显示多少个月份。

使用方法

numberOfMonths 选项可以通过以下方式进行设置：

$( ".datepicker" ).datepicker({
  numberOfMonths: 2
});

在上述例子中，日历控件将会在页面上显示两个月份。

参数说明

numberOfMonths 接受以下值：

  • 整数：指定控件在一个页面上显示的月份数量。
  • 数组：指定控件在一个页面上显示的行列数，以数组形式提供，如 [2, 3] 表示要在一个页面上显示两行，每行三个月份。
// 一个页面上显示两个月份
$( ".datepicker" ).datepicker({
  numberOfMonths: 2
});

// 一个页面上显示两行，每行三个月份
$( ".datepicker" ).datepicker({
  numberOfMonths: [2, 3]
});
示例

以下示例展示了如何使用 numberOfMonths 选项：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - numberOfMonths option</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker({
      numberOfMonths: 2
    });
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>

该示例将会在页面上显示一个日历控件，其中有两个月份。你也可以试试将 numberOfMonths 的值设置为数组，来看看效果。