बूटस्ट्रैप डेटपिकर में एकाधिक/विशिष्ट दिन में कक्षा जोड़ें?

Question

मुझे बूटस्ट्रैप में किसी तारीख को कक्षा जोड़ने में कठिनाई हो रही है। डेटपिकर यहाँ है।

क्या मैं हासिल की तारीख मैं निर्दिष्ट में एक छोटी सी नीले डॉट डाल दिया है करने के लिए कोशिश कर रहा हूँ। मैं तारीख को कक्षा जोड़ने की सोच रहा हूं। मुझे यह कैसे करना चाहिए?

Answer 1

datepicker के आधार पर आप आप कुछ इस तरह कर सकते हैं का उपयोग कर रहे:

तिथि पिकर से अधिकांश एक beforeShowDay विकल्प होता है। जिस दिन आप बदलना चाहते हैं उसे जोड़ने के लिए आप यहां एक कक्षा सेट कर सकते हैं।

इस उदाहरण im http://eternicode.github.io/bootstrap-datepicker

ऐसा करने के तरीके का एक उदाहरण का उपयोग कर के लिए यहां पाया जा सकता: jsFiddle

आप दिनांकों आप एक सरणी में/निशान हाइलाइट करना चाहते हैं रखना चाहते हैं जाएगा:

var active_dates = ["23/5/2014","21/5/2014"];

तो वर्तमान दिन के खिलाफ दिनांकों दिखाया जा रहा है की जाँच करने के लिए और फिर एक वर्ग लागू beforeShowDay विकल्प का उपयोग करें।

<input type="text" id="datepicker" />

$("#datepicker").datepicker({ 
    format: "dd/mm/yyyy", 
    autoclose: true, 
    todayHighlight: true, 
    beforeShowDay: function(date){ 
     var d = date; 
     var curr_date = d.getDate(); 
     var curr_month = d.getMonth() + 1; //Months are zero based 
     var curr_year = d.getFullYear(); 
     var formattedDate = curr_date + "/" + curr_month + "/" + curr_year 

     if ($.inArray(formattedDate, active_dates) != -1){ 
      return { 
       classes: 'activeClass' 
      }; 
     } 
     return; 
    } 

}); `

activeClass सीएसएस के किसी भी रूप हो सकता है। मेरे उदाहरण में मैंने अभी पृष्ठभूमि रंग बदल दिया है। आपके उदाहरण में आप एक छवि ऑफसेट कर सकते हैं और इसे दिन में लागू कर सकते हैं।

.activeClass{ 
    background: #F00; 
    }