使用完整日历禁用过去的日期和月份

时间:2017-04-27 04:21:06

标签: javascript jquery fullcalendar

如何在选择选项中使用完整日历禁用过去日期和过去一个月我在完整日历中尝试使用此功能

select: function(start, end, allDay) {
  var check = $.fullCalendar.moment(start).format('DD-MM-YYYY');
  var today = $.fullCalendar.moment(new Date()).format('DD-MM-YYYY');
  if (check >= today) {

  }
}

但不起作用,它也会在下个月禁用。如果有可能在JavaScript?也很好。Demo link

3 个答案:

答案 0 :(得分:0)

以下是一些Google搜索代码段。

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

select: function(start, end, allDay) {
var check = $.fullCalendar.formatDate(start,'yyyy-MM-dd');
var today = $.fullCalendar.formatDate(new Date(),'yyyy-MM-dd');
if(check < today)
{
    // Previous Day. 
}
else
{
    // Right Date
}

},

答案 1 :(得分:0)

你的病情完全有效。

select: function(start, end, allDay) {
      var check = $.fullCalendar.formatDate(start, 'yyyy-MM-dd');
      var today = $.fullCalendar.formatDate(new Date(), 'yyyy-MM-dd');
      if (check >= today) {
      // True conditions
      }
}

请检查此fiddle

答案 2 :(得分:-1)

您可以使用datepicker的minDate属性禁用过去日期和完整日历的过去一个月。

var dateToday = new Date();

$('#visit').datepicker({
    minDate: dateToday
});
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link href="https://davidwalsh.name/demo/jquery-ui-css/custom-theme/jquery-ui-1.7.2.custom.css" rel="stylesheet"/>

<input type='text' id='visit' />