jquery - 在 Jquery datetimepicker 中仅显示第一行日期

Question

我尝试创建 jquery 日历，其中我需要仅显示第一行日期以及上一个下一个导航。我费尽心思删除除第一行之外的所有行，但无法找到任何解决方案。

现在我已经完成了类似 this 的事情.

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

我在 jquery.ui 上搜索，没有找到任何有关此功能的选项。您可以引用Image 。 (无论如何我都会处理 css)

谢谢!!

Answer 1

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

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

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

});

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

如果您想跨行移动，点击下一个和上一个，我相信，这也是可能的:

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