如何比較日期在全歷

Question

我有存儲在我的數據庫中的日期，我想與日曆中的元素進行比較，以改變的日子背景顏色

{ 
    "success": true, 
    "disponibilidad": [ 
    { 
     "slot_date": "2017-06-08" 
    }, 
    { 
     "slot_date": "2017-06-09" 
    }, 
    { 
     "slot_date": "2017-06-10" 
    }, 
    { 
     "slot_date": "2017-06-11" 
    }, 
    { 
     "slot_date": "2017-06-12" 
    } 
    ] 
} 

我試圖使用jquery ，並且它以某種方式工作，但是加載時間太慢而且最優化太少，另外，如果我改變月份，顏色日期會出現問題，我的問題是，有沒有辦法傳遞該數組DayRender內的日期？

，我已經採用的方法

$('#calendar').fullCalendar({ 

    dayClick: function() { 

     //alert("dia presionado"); 
     selectedDate = $(this).attr("data-date"); 

     alert($(this).attr("data-date")); 
     //window.location.href="/reservation/"+selectedDate; 
     $('#calendar').fullCalendar('gotoDate', $(this).attr("data-date")); 
    }, 

    dayRender: function(date, cell) { 
     $.ajax({ 
      type: "get", 
      url: '/getFaq', 
      dataType: 'json', 
      success: function(data) { 
       var valores = []; 
       valores[0] = "2017-06-27"; 
       valores[1] = "2017-06-28"; 
       for (var i = 0; i <= 1; i++) { 
        if (date.format() == valores[i]) { 
         cell.css("background-color", "red"); 
        } 
       } 
      }, 
      error: function(response) {}, 
     }); 
}}) 

*編輯

我已經使用的數據屬性嵌入代碼，但是，由於某種原因，我不能的DayRender內使用變量，在dayclick如果它的工作原理

success: function(data) 
     { 
     myArray= new Array(data.disponibilidad.length); 
     for(var i=0;i<data.disponibilidad.length;i++) 
     { 

      myArray[i]=data.disponibilidad[i].slot_date; 
     } 

     $("body").data("array",myArray); 
     //for(var k=0; k< myArray.length;k++) 
     //console.log($("body").data("array")); 
     //console.log(myArray); 


     } 



$('#calendar_make_a_reservation').fullCalendar({ 
       height: 500, 
       dayClick: function() { 
        $('#modal_appointment_time').modal('open'); 
        /* 
        var array=$("body").data("array"); 
     console.log(array);*/ 
       }, 
       dayRender: function (date, cell) { 
           var array=$("body").data("array"); 
           console.log(array); 
      /* 
      myArray.forEach(function (item) { 
       if (date._d.getDate() == item.getDate() && date._d.getMonth() == item.getMonth()) 
       { 
        $(cell).toggleClass('selected'); 
       } 
      });*/} 

      }) 

在返回的DayRender我 「未定義」

Answer 1

date是一個moment.js日期對象。您可以比較參數添加到format方法，如：

date.format("YYYY-MM-DD") == valores[i] 

Answer 2

我能解決這個問題，用的DayRender問題是由於同步，一旦異步更改爲false，一切完美的作品。

$.ajax({ 
     async:false, 
     cache:false, 
     dataType: 'json', 
     type: 'get', 
     url: 'getReservas', 
     data:params, 
     success: function(data) 
     { 
     myArray= new Array(data.disponibilidad.length); 
     for(var i=0;i<data.disponibilidad.length;i++) 
     { 

      myArray[i]=data.disponibilidad[i].slot_date; 
     } 
     alert("segundo"); 
     var array=$("body").data("array",myArray); 
     //for(var k=0; k< myArray.length;k++) 
     //console.log($("body").data("array")); 
     //console.log(myArray); 


     }, 

     error: function(data){ 
      alert("ha ocurrido un error") ; 

     } 
    }); 





$('#calendar_make_a_reservation').fullCalendar({ 
       height: 500, 
       dayClick: function() { 
       $('#modal_appointment_time').modal('open'); 
       //console.log($("body").data("array")); 
       }, 
       dayRender: function (date, cell) { 

       myArray.forEach(function (item) { 



    if (date.format()==item) 
    { 
     cell.css("background-color", "blue"); 
    } 
     }); 

     } 

     })