Wie für einen Tag in Jquery Datepicker

Question

Fiddle Ereignisse anzuzeigen: https://jsfiddle.net/gtxzom8s/

HTML:

<div id="dates"></div> 
<div id="dateevent"> 
</div> 

JS

var Event = function(text, className) { 
    this.text = text; 
    this.className = className; 
}; 

var events = {}; 
events[new Date("02/14/2011")] = new Event("Valentines Day", "pink"); 
events[new Date("02/18/2011")] = new Event("Payday", "green"); 

console.dir(events); 

$("#dates").datepicker({ 
changeMonth: true, 
changeYear: true, 
onSelect: function(date) { 
    var events2 = events[date]; 
    alert(events2); 
    //list the events in #dateeventDIV 
}, 
    beforeShowDay: function(date) { 
     var event = events[date]; 
     if (event) { 
      return [true, event.className, event.text]; 
     } 
     else { 
      return [true, '', '']; 
     } 
    } 
}); 

Wie kann ich das Skript ändern, so kann ich dateevent mit der bevöl Ereignisse für diesen Tag.

Answer 1

Der date-Parameter für den Rückruf onSelect ist eine Zeichenfolge, die kein Date-Objekt ist, wie der Callback von vor einemShowDay. Sie können nur ein Date-Objekt mit dem Datum Parameter in dem

var events2 = events[new Date(date)]; 

https://jsfiddle.net/gtxzom8s/3/

Hinweis onSelect Rückruf erstellen, die Objektschlüssel Strings sind, also wenn Sie ein Date-Objekt als Schlüssel übergeben wird es zu einem umgewandelt werden Zeichenfolge (Fri Mar 18 2016 14:27:47 GMT-0400 (SA Western Standard Time))