eine Liste von Daten an einen JQuery-Kalender übergeben

Question

hat jemand eine Idee, wie ich eine Liste von Daten in Code hinter einem Kalender übergeben kann, so wird es die Daten markieren, die in der Liste sind. danke

<script> 
     $(function() { 
     $("#datepicker").datepicker(); 
     }); 
    </script> 

    <p>Date: <input type="text" id="datepicker" /></p> 

Liste von hinten in Code gespeicherten Daten:

DateTime start = new DateTime(2013, 02, 20); 
     DateTime end = new DateTime(2013, 01, 11); 

     var dates = new List<DateTime>(); 

     for (var dt = start; dt <= end; dt = dt.AddDays(1)) 
     { 
      dates.Add(dt); 
     } 

Answer 1

Die einfachste Lösung wäre für Sie asp.net Handler oder eine Web-Seite zu erstellen, Gibt die Datumsangaben als JSON-Objekte zurück und verwendet sie für eine beforeShowDate-Funktion innerhalb des Datepickers:

Hier ist die einfache Implementierung:

var dates = []; //replace [] with ajax call to the page that returns the dates 
$("#datepicker").datepicker({ 
     dateFormat: "dd-mm-yyyy", 

     beforeShowDay: function (date) { 
      var available = $.inArray(date, dates) > -1; 

      if (available) { 
       return [1]; //return available date 
      } 
      else { 
       return [0]; //return not available 
      } 
     } 
}); 

-Code hinter etwa so aussehen würde. Sie haben System.Web.Extensions.dll als Referenz hinzufügen zu können, verwenden JavaScriptSerializer

protected void Page_Load(object sender, EventArgs e) 
    { 
     DateTime start = new DateTime(2013, 02, 20); 
     DateTime end = new DateTime(2014, 01, 11); 

     var dates = new List<string>(); 

     for (var dt = start; dt <= end; dt = dt.AddDays(1)) 
     { 
      dates.Add(dt.ToString("dd-MM-yyyy")); 
     } 

     Response.ContentType = "text/javascript"; 
     string json = new JavaScriptSerializer().Serialize(dates); 
     Response.Write(json); 
     Response.End(); 
    }`