2012-08-13 13 views
6

मैं कम फाइल संस्करण की बजाय बूटस्ट्रैप के उल्का पैकेज कार्यान्वयन का उपयोग करूंगा लेकिन मुझे काम करने के लिए डेटपिकर मिलने का समय लगता है।मीटियर के साथ काम करने के लिए मुझे ट्विटर बूटस्ट्रैप डेटपिकर कैसे मिल सकता है?

एम्सडन द्वारा संकलित और जाने के लिए तैयार होने वाले आखिरी लोगों के साथ अलग-अलग राज्यों में तीन संस्करण होने लगते हैं।

http://www.eyecon.ro/bootstrap-datepicker/

https://github.com/eternicode/bootstrap-datepicker/

https://github.com/Aymkdn/Datepicker-for-Bootstrap

Aymkdn द्वारा संस्करण सादे वेनिला html में ठीक लेकिन उल्का से सर्व नहीं काम करता है और मैं एक helluva समय क्यों पता लगाना हो रहा है।

मैं एमेकडन द्वारा उल्का के साथ एक का उपयोग करना चाहता हूं लेकिन मैं इसे काम नहीं कर सकता। मुझे लगता है कि इसे उल्का या डीओएम प्रतिपादन में जेएस लोडिंग ऑर्डर के साथ करना पड़ सकता है। किसी भी अंतर्दृष्टि में मैं इसे कैसे काम कर सकता हूं?

धन्यवाद Steeve

+0

बूटस्ट्रैप-डेटपिकर अब उल्का पर एक स्मार्ट पैकेज है। बस 'उल्का बूटस्ट्रैप-डेटपिकर जोड़ें' – Prashant

+0

यह यहां सूचीबद्ध नहीं है http://docs.meteor.com/#packages। क्या आपका मतलब यह एक एमआरटी पैकेज हो सकता है? –

+0

'उल्का सूची 'आज़माएं। क्या आपको वहां मिल गया है? – Prashant

उत्तर

15

शायद यह प्रश्न तब उपलब्ध नहीं था जब यह प्रश्न मूल रूप से पोस्ट किया गया था, लेकिन जब मैं इसका टेम्पलेट प्रस्तुत करता हूं तो मैं डेटपिकर प्रारंभ कर रहा हूं। , मैं एक सत्र संपत्ति को बनाए रखने या फोकस घटनाओं को संभालने की जरूरत नहीं है http://docs.meteor.com/#template_rendered

इस दृष्टिकोण के साथ:

Template.templateName.rendered = function() { 
    $('#datepicker').datepicker(); 
} 

यहाँ इस घटना के लिए एक कड़ी है। प्रशांत का समाधान मेरे लिए काम नहीं करता था जब टेम्पलेट को उतार दिया गया था और सत्र संपत्ति के बाद से वापस आ गया था। मुझे भी एक मुद्दा था जिसमें डेटापिकर ने पहली बार फोकस नहीं किया था।

हां, डेटापिकर प्रत्येक बार टेम्पलेट प्रदान किए जाने पर प्रारंभ हो जाएगा, लेकिन मुझे लगता है कि यह ठीक है क्योंकि मुझे यकीन है कि टेम्पलेट संसाधनों को तब भी साफ किया जाता है जब वे उनके बीच नेविगेट करते हैं।

2

datepicker काम करने के लिए प्राप्त करने के लिए, यह मैं क्या किया है,

// At the beginning of the script 
Session.set("datepicker_unset", 1); 

Template.template_name.events = { 
    'focus #date-id' : function(event) { 
     if (Session.get("datepicker_unset")) { 
      $(event.target).datepicker(); 
      Session.set("datepicker_unset", 0); 
     } 
     // Anything else on #date-id focus? 
    }, 
    // Any other events here 
} 

मैं अनुमान लगा रहा हूँ कि आप उपयोग कर रहे, $(document).ready() दृष्टिकोण। मैंने भी किया, और चूंकि यह मेरे लिए काम नहीं करता है, मुझे लगा कि यह सबसे अच्छा समाधान होगा।

आशा है कि यह आपके लिए भी काम करेगा!

+0

क्या मुझे इसे पैकेज के रूप में करना है? या यह/ग्राहक में जा सकते हैं? –

+0

हां आप इसे/क्लाइंट में जोड़ सकते हैं और यह काम करना शुरू कर देगा। मैंने तदनुसार जवाब संपादित किया है। – Prashant

+1

आपको शायद कभी-कभी .datepicker() को कॉल करने की आवश्यकता होनी चाहिए। जब भी फोकस इवेंट निकाल दिया जाता है तो यह इसे कॉल करेगा। यह हर बार डेटपिकर स्थापित करेगा। – peter

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