Question

我想在jquery中显示特定年份12个月的日历（由用户选择），我已经使用了jquery ui datepicker

代码如下

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Datepicker - Display multiple months</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#datepicker" ).datepicker({
      numberOfMonths: 12,
      showButtonPanel: true
    });
 });
</script>
</head>
<body>

<div id="datepicker" ></div>


</body>
</html>

但它并没有完全满足我的目的，因为它显示了目前的12个月

Answer 1

为什么不阅读 documentation ？

numberOfMonths只是它将如何显示月份，而不是哪些月份。

我认为这就是你想要的：

$( "#datepicker" ).datepicker({
    numberOfMonths: 12,
    minDate: new Date(2013, 1 -1, 1),
    maxDate: new Date(2013, 12 -1, 31),
    showButtonPanel: true
});

月份中的-1是因为JS月份从零开始。

您可以使用Date对象获取当前年份的数字。

Datepicker为特定年份的12个月

1 个答案: