在Jquery datetimepicker中仅显示第一行天

Question

我尝试创建jquery日历，我需要在前一个下一个导航中显示第一行。我努力去除除了第一个之外的所有行，但无法找到任何解决方案。

现在我完成了this之类的事情。

$(document).ready(function() {
  $(function() {
    $( '#datepicker' ).datepicker({
      showOtherMonths: true,
      selectOtherMonths: true
    });             
  });
});

我在jquery.ui上搜索并没有找到关于此功能的任何选项。您可以参考Image。 （无论我会照顾css ）

三江源!!

Answer 1

这个插件的开发人员有点特别，所以他们没有提供API，我检查了一下，发现你要隐藏的元素有不同的类，你可以编写代码来隐藏他们手动。或者您可以设置限制日期范围，以便用户无法选择日期的那一部分，它可以更有意义。请参阅此限制日期范围：http：//jqueryui.com/datepicker/#min-max

Answer 2

您可以将此功能绑定到每个月的上一个和下一个按钮：

$('.ui-datepicker-calendar tbody tr').each(function(index){

    if(index>0){
       $(this).hide();            
    }            

});

并在文件就绪功能中。无论如何，这只会隐藏与第一行不同的所有行，但通过这种方式，您将只获得每个月的第一行。

如果你想跨越下一次和之前的行，我相信，这也是可能的：

1. 你应该为下一行和上一行添加两个单独的按钮 当月。
2. 编写一个简单的函数（并将其绑定到新按钮）。如果“下一步” 按，选择当前显示的行，隐藏它，然后显示下一行 一。使用“prev”按钮 - 反向逻辑。