2013-02-22 15 views
6

पर तिथियों की एक सूची पास करता है क्या किसी को भी कोई विचार है कि मैं कैलेंडर के पीछे कोड में तिथियों की सूची कैसे पास कर सकता हूं, इसलिए यह सूची में मौजूद तिथियों को हाइलाइट करेगा। आपकिसी JQuery कैलेंडर

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

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

पीछे कोड में संग्रहीत तिथियों की सूची धन्यवाद:

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

का उपयोग करने में सक्षम होने के संदर्भ के संदर्भ में एक संदर्भ के रूप में एक आरक्षित कीवर्ड का उपयोग करने जैसा लगता है। मुझे आशा है कि आप तिथियों की सूची प्राप्त करने के लिए एजेक्स क्वेरी का भी उपयोग करेंगे। यह भी मदद कर सकता है। http://stackoverflow.com/questions/2385332/jquery-datepicker-highlight-dates – Musk

+0

कृपया यहां देखें: [jquery datepicker को हाइलाइट करने के लिए कुछ दिनांक कैसे सेट करें] (http://stackoverflow.com/questions/7523653/how-the-jquery-datepicker-set-some-date-to-highlight) या [jquery datepicker हाइलाइट तिथियां] (http://stackoverflow.com/questions/2385332/jquery-datepicker- हाइलाइट-डेट्स) – Charlie

उत्तर

1

आप के लिए सबसे सरल समाधान asp.net हैंडलर या एक वेब पेज बनाने के लिए हो सकता है कि तारीखों को जेसन ऑब्जेक्ट्स के रूप में लौटाता है और इसे डेटपिकर के अंदर पहले शोडेट फ़ंक्शन पर उपयोग करता है:

यहाँ सरल दिया गया है:

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

कोड के पीछे कुछ इस तरह दिखेगा। आपको System.Web.Extensions.dll को जावास्क्रिप्टसेरियलाइज़र

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(); 
    }` 
+0

अरे डीजेडएल, उत्तर देने के लिए समय लेने के लिए धन्यवाद, कोड पर एक नज़र डाली और यह अच्छा लगता है ... लेकिन मैं इस पर समय के लिए छोटा था इसलिए एक ट्यूटोरियल के साथ एएसपीनेट कैलेंडर का उपयोग कर समाप्त हुआ (जिसे मैं उस समय के बारे में नहीं जानता था) जो आपको चयनित तिथियों को हाइलाइट करने की अनुमति देता है ... http: //www.codeproject.com/Articles/7929/ हाइलाइटिंग- महत्वपूर्ण-डेट्स-in- कैलेंडर उत्तर के लिए फिर से धन्यवाद – John

+0

कोई समस्या नहीं, मुझे खुशी है कि मैं मदद कर सकता हूं .. –

संबंधित मुद्दे