passare un elenco di date a un calendario JQuery

Question

qualcuno ha idea di come sia possibile passare un elenco di date nel codice sottostante a un calendario, in modo da evidenziare le date presenti nell'elenco. thank you

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

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

elenco di date memorizzati nel codice dietro:

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

La soluzione più semplice per voi sarebbe quella di creare gestore di asp.net o una pagina web che restituisce le date come oggetti json e le usa su una funzione beforeShowDate all'interno del datepicker:

Ecco la semplice implementazione:

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 
      } 
     } 
}); 

codice dietro sarebbe simile a questa. Si deve aggiungere System.Web.Extensions.dll come riferimento per essere in grado di utilizzare 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(); 
    }`