微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – 如何使过去的日期不能在fullcalendar中选择?

问题是,如何在全日制的月/月视图中禁用在PAST DATES上可选择。

我想让用户不允许点击/选择过去的日期。

这是一些我试图在事件渲染上实现的Google Googled代码段:

selectable: true,selectHelper: false,select: function(start,end,allDay) {
        var appdate = jQuery.datepicker.formatDate('<?PHP echo $Dpformat; ?>',new Date(start));
        jQuery('#appdate').val(appdate);
        jQuery('#AppFirstModal').show();
    },eventRender: function(event,element,view)
    {
        var view = 'month' ;
       if(event.start.getMonth() !== view.start.getMonth()) { return false; }
    },

但它不工作虽然

我也尝试了bellow CSS,这有助于我隐藏过去的日期文本,但可选择仍然在pastdate框上工作。

.fc-other-month .fc-day-number {
     display:none;
}

我真的坚持这个问题。请有人帮我出去
谢谢…

解决方法

我已经在我的fullcalendar这样做,它的工作完美。

您可以在选择功能添加代码

select: function(start,allDay) {
    var check = $.fullCalendar.formatDate(start,'yyyy-MM-dd');
    var today = $.fullCalendar.formatDate(new Date(),'yyyy-MM-dd');
    if(check < today)
    {
        // PrevIoUs Day. show message if you want otherwise do nothing.
        // So it will be unselectable
    }
    else
    {
        // Its a right date
        // Do something
    }
  },

我希望它能帮助你。

原文地址:https://www.jb51.cc/jquery/181936.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐