jQuery UI Datepicker numberOfMonths 选项

简介

jQuery UI Datepicker 是一个非常有用的日期选择插件。numberOfMonths 选项是该插件的一个选项，可以用来设置显示的月份个数。

用法

numberOfMonths 选项可以设置为一个整数来指定要显示的月份个数。例如：

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

上面的代码将会显示两个月份的日历，可以通过向前或向后滑动来选择日期。

如果要水平排列月份，可以将 numberOfMonths 设置为一个数组。数组的第一个元素是要显示的行数，第二个元素是要显示的列数。例如：

$( ".datepicker" ).datepicker({
    numberOfMonths: [2, 3]
});

上面的代码将会显示一个 2 行 3 列的日历，可以通过向前或向后滑动来选择日期。

注意事项

• numberOfMonths 选项可以设置为一个整数或一个数组。
• 如果设置为整数，将会垂直排列月份。
• 如果设置为数组，第一个元素是行数，第二个元素是列数，将会水平排列月份。
• 如果设置为 1，将会显示一个单月份的日历。
• 如果设置大于 1，将会显示多个月份的日历。

结论

numberOfMonths 选项可以方便地设置要显示的月份个数，以及如何排列月份。这个选项非常实用，可以让用户更方便地选择日期。