फोकस

Question

के साथ jquery datepicker कैसे शुरू करें मैं jquery के लिए नया हूं और फोकस के साथ डेटपिकर शुरू करना चाहता हूं।

मेरा पहला टेक्स्टबॉक्स एक दिनांक फ़ील्ड है और मैंने जावास्क्रिप्ट के साथ बॉक्स फोकस देने की कोशिश की है लेकिन डेटपिकर तब तक नहीं आएगा जब तक कि मैं पृष्ठ पर कहीं और क्लिक नहीं करता और फिर बॉक्स के अंदर क्लिक करके इसे फोकस करता हूं।

क्या फोकस के साथ डेटपिकर शुरू करने का कोई तरीका है और क्या पृष्ठ लोड होने पर विजेट तुरंत शुरू होता है जब उपयोगकर्ता बॉक्स छोड़ देता है तो फोकस छोड़ देता है?

$("#date").datepicker({ 
    dateFormat: "mm-dd-yy" 
    }); 

Answer 1

इस प्रयास करें - http://www.jsfiddle.net/wnUWQ/embedded/result

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }); 
    $("#datepick").focus(function() { 
     $("#datepick").datepicker("show"); 
    }); 
    $("#datepick").focus(); 
}); 

संपादित करें: $ (दस्तावेज़) वस्तु की .ready() समारोह जब डोम पूरी तरह से ब्राउज़र में लोड किया जाता है निकाल दिया जाता है। सबसे पहले हम datepicker को input पर संलग्न करते हैं, और फिर हम focus ईवेंटशेलर संलग्न करते हैं जो डेटपिकर दिखाता है और आखिरकार हम इनपुट पर ध्यान केंद्रित करते हैं।

यह सभी के रूप में एक लाइन में chained हो सकता है:

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }).focus(function() { 
     $("#datepick").datepicker("show"); 
    }).focus(); 
});