बूटस्ट्रैप v4 डेटपिकर [बंद]


114

मैं अपनी नई वेबसाइट के लिए बूटस्ट्रैप V4 का उपयोग कर रहा हूं, यह देखकर कि यह अल्फा में है।

हालाँकि मैं यह नहीं देख सकता कि इसके निर्माण में datepicker.js है।

किसी को पता है कि क्या यह V4 में शामिल किया जाएगा? अगर किसी को एक अच्छी तारीख की सिफारिश नहीं कर सकते हैं?


4
उन लोगों के लिए जो यहां समाप्त होते हैं: tempusdominus.github.io/bootstrap-4
MastaBaba

बस सुनिश्चित करें कि आपके पास Project \ Content \ themes \ base \ images \ media \ datepicker.js में उपलब्ध cal.gif या / और cal-grey.gif फ़ाइल है, जो मेरे लिए बूटस्ट्रैप 4 के साथ ठीक काम कर रहा है
raju1208

बूटस्ट्रैप 4 - बूटस्ट्रैप 4 को सपोर्ट करने वाला डेटपिकर प्लगइन है codeply.com/p/kS0t1Ko61K यह भी देखें: stackoverflow.com/questions/43046792
Zim

टिप्पणियों में उल्लिखित तारीखें इनपुट पर क्लिक करते समय कैलेंडर नहीं दिखाती हैं। यह एक gijgo.com/datepicker/example/bootstrap-4
जैरीगॉयल

जवाबों:


58

शायद आप यह कोशिश करना चाहते हैं: https://bootstrap-datepicker.readthedocs.org/en/latest@indow.html

यह बूटस्ट्रैप स्टाइल में एक लचीली डेटकपर विजेट है।


4
आप अपने काम कर रहे सीएसएस पोस्ट कर सकते हैं? डेटपिकर स्वयं बूटस्ट्रैप 4 के साथ काम करता है, लेकिन यह अस्थिर है।
आरएसी

4
@ आरएसी अपडेट, जैसा कि आज लग रहा है कि इसमें से कुछ (अस्थिर) रिलीज़ हैं जिन्होंने बूटस्ट्रैप 4 के साथ मेरे लिए cdnjs.com/lbooks/bootstrap-datepicker/1.7.0 -RC3
ब्रायन लीशमैन

"आज" बटन है, लेकिन मैं एक समय चयनकर्ता नहीं देख रहा हूं @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…
KSib

43

आप इसका उपयोग कर सकते हैं और फिर classबूटस्ट्रैप से सिर्फ एक फॉर्म जोड़ सकते हैं । (कौन सा संस्करण मायने नहीं रखता)

<div class="form-group">
 <label >Begin voorverkoop periode</label>
 <input type="date" name="bday" max="3000-12-31" 
        min="1000-01-01" class="form-control">
</div>
<div class="form-group">
 <label >Einde voorverkoop periode</label>
 <input type="date" name="bday" min="1000-01-01"
        max="3000-12-31" class="form-control">
</div>

45
यह बूटस्ट्रैप कंट्रोल नहीं है, लेकिन ब्राउज़र डेटपिकर (html5 डेट इनपुट), यह हर फुटेज में उपलब्ध नहीं है! देखें caniuse.com/#feat=input-datetime )
साइबर

4
सफारी और IE 11 या इससे पहले काम नहीं करेगा
अमर

एक बहुत बड़ा कारण जो मुझे बूस्टर 4 डेटपिकर की तलाश में है, क्योंकि मैं <input type="date"अपने प्रोजेक्ट में हूं और मेरा ब्राउज़र (क्रोमियम) मुझे बता रहा है कि लिस्टबॉक्स के अलावा अन्य तत्वों के लिए [Deprecation] '-webkit-प्रकटन: लिस्टबॉक्स' डेप्रेक्टेड है और होगा दिसंबर 2019 के आसपास M79 में हटा दिया गया । अधिक जानकारी के लिए chromestatus.com/features/5070237827334144 देखें। दिसंबर 2019 कल से शुरू हो रहा है, मुझे लगा कि मुझे एक विकल्प की आवश्यकता है!
बिल नायलर

मुझे एक मावेन निर्भरता मिली: <dependency> <groupId>org.webjars.bowergithub.pingcheng</groupId> <artifactId>bootstrap4-datetimepicker</artifactId> <version>4.17.45</version> </dependency>जो मुझे आशा है कि मैं जो चाहता हूं वह करूंगा, बस यह पता लगाना है कि अब इसका उपयोग कैसे करना है!
बिल नायलर

यह ASP.NET MVC से मान को नहीं बांधता है। क्या मुझे JS में मैन्युअल रूप से मान सेट करने की आवश्यकता है?
अलीजाप

7

बूटस्ट्रैप के अधिकांश डेटापिकर्स जैसा कि मैं यह उत्तर लिखता हूं बल्कि बूटस्ट्रैप 4 में शामिल होने पर छोटी गाड़ी होती है। मेरे विचार में समाधान जोड़ने वाला कम से कम कोड एक jQuery प्लगइन है। मैंने यह एक https://plugins.jquery.com/datetimepicker/ का उपयोग किया है - आप इसका उपयोग यहां देख सकते हैं: https://xdsoft.net/jqplugins/datetimepicker/ यह निश्चित रूप से पूरे बीएस इंटरफ़ेस की तरह चिकना नहीं है, लेकिन यह केवल jQuery के साथ अपनी css और js फ़ाइलों की आवश्यकता होती है जो पहले से ही बूटस्ट्रैप में शामिल है।


3
यह सच है, मैं कुछ मणि और काम की कोशिश करता हूं: github.com/tempusdominus/bootstrap-4 लेकिन यह बहुत छोटी है
truongnm

1
Yeaah .... tempusdominus में बहुत त्रुटियां हैं
डैनियल
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.