2

我尝试创建 jquery 日历，我只需要显示前一个导航的第一行。我很努力地删除了除第一行之外的所有行，但找不到任何解决方案。

现在我完成了这样的事情。

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

我在 jquery.ui 上搜索并没有找到关于此功能的任何选项。你可以参考图片。（不管我会照顾css）

谢谢！！

4

2 回答 2

0

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

于 2012-10-30T07:20:11.923 回答
0

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

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

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

});

并在文档准备功能中。无论如何，这只会隐藏与第一行不同的所有行，但这样你每个月只会得到第一行。

如果你想跨行点击下一个和上一个，我相信，这也是可能的：

  1. 您应该为当前月份的下一行和上一行添加两个单独的按钮。
  2. 编写一个简单的函数（并将其绑定到新按钮）。如果按下“下一个”，选择当前显示的行，隐藏它，并显示下一个。使用“prev”按钮 - 反向逻辑。
于 2012-10-30T07:26:58.360 回答