जांचें कि डेटपिकर खुला है

Question

मेरे पास डेटपिकर वाला फ़ील्ड है। मुझे पता है कि यह खुला है या नहीं। मैं के साथ की कोशिश की है:

$("#filter_date").datepicker("widget").is(":visible") 

लेकिन यह हमेशा सच देता है।

मैं यह कैसे देख सकता हूं कि यह खुला है या नहीं?

Answer 1

यह अतीत में एक संभावित बग हो सकता है। अब इस समाधान

$("#filter_date").datepicker("widget").is(":visible") 

काम करता है पूरी तरह से

Answer 2

मेरे सिर के ऊपर बंद, मैंने कहीं beforeShow और onClose घटनाओं datepicker नियंत्रण एक वर्ग टॉगल करने के लिए (या एक झंडा) के लिए परिभाषित का उपयोग कर, और यह जांच जो की उपस्थिति निर्धारित करने के लिए datepicker नियंत्रण है या नहीं के बारे में सोच सकता है खुला या नहीं।

Answer 3

आप सेट:

#ui-datepicker-div { display: none; } 

अपने सीएसएस फ़ाइल में और अपने कोड:

$("#filter_date").datepicker("widget").is(":visible") 

सही ढंग से काम करेगा! (Display: none):

var datePickerStyle = $('.datepicker').attr('style'); 
var noneStyle = 'display: none;'; 
if(datePickerStyle.indexOf(noneStyle) != -1){ 
    console.log('shown'); 
} else { 
    console.log('not shown'); 
} 

Answer 4

पहुँच datepicker की शैली विशेषता है और एक शैली जब datepicker छिपा हुआ है के साथ तुलना बटन। isCalendarVisible तदनुसार 'शो' & 'छुपा' पर अपडेट हो रहा है। मैन्युअल रूप से इसे खोलने या बंद करने के लिए मैं 'isCalendarVisible' का मान जांचता हूं।

function toggleCalendar() { 
     if (isCalendarVisible) { 
      $(".datepicker .add-on").datepicker("hide"); 
     } else { 
      $(".datepicker .add-on").datepicker("show"); 
     } 
    } 

Answer 5

var isCalendarVisible;  
    $(".datepicker).datepicker().on("show", function() { 
      isCalendarVisible = true; 
    }).on("hide", function() { 
      isCalendarVisible = false; 
    }); 

मैं एक के क्लिक करने पर datepicker की टॉगल के लिए इस दृष्टिकोण का इस्तेमाल किया है