9

पर की तुलना में मैं ट्विटर बूटस्ट्रैप के datepicker उपयोग करना चाहते हैं तिथि। मैं वास्तविक इनपुट प्रारूप dd/mm/yyyy में प्रदर्शित करना चाहते हैं, लेकिन वस्तु के मूल्य मैं इसे/पास yyyy-mm-dd में होना चाहिए बनाना चाहते हैं। मुझे इस संपत्ति के बारे में पता है:बूटस्ट्रैप datepicker प्रारूप प्रदर्शन पर अलग ढंग से मूल्य

"data-date-format" => "mm-dd-yyyy" 

लेकिन यह तिथि प्रदर्शित होने के तरीके और मूल्य को स्वरूपित करने के तरीके को बदलता है। मैं अपने जे एस में यह है:

$(this).datepicker({ 
    format: 'yyyy-mm-dd', 
    autoclose: true, 
    todayHighlight: true, 
    pickTime: false 
}); 

मैं सच में यकीन है कि प्रारूप हिस्सा क्या कर रहा है नहीं कर रहा हूँ, लेकिन बदलते यह है कि इनपुट द्वारा बनाई गई है मूल्य नहीं बदलता है।

+1

मैं देख रहा हूँ के लिए इस सुविधा भी है, मैं स्थानीय ब्रिटेन प्रारूप (दिन/महीना/वर्ष) में दिनांक प्रदर्शित करना चाहते हैं चाहते हैं, लेकिन यह सॉफ्टवेयर का एक टुकड़ा की वजह से yyyy-mm-dd के रूप में पार्स करने की आवश्यकता है मैं उपयोग कर रहा हूँ। इसके अलावा मुझे लगता है कि "डेटा की तारीख प्रारूप" और "प्रारूप" एक ही बात सिर्फ एक एचटीएमएल के माध्यम से जुड़ा हुआ है और जे एस के माध्यम से अन्य है। – alvinc

+0

मेरा उत्तर यहाँ https://stackoverflow.com/a/47466659/1153909 –

उत्तर

1

इस समस्या के लिए बूटस्ट्रैप से एक समाधान है।

रूप docs

पर कहा था कि आप 2 पार्स कार्यों के साथ एक वस्तु के रूप प्रारूप निर्धारित कर सकते हैं: toValue और toDisplay।

$('.datepicker').datepicker({ 
format: { 
    /* 
    * Say our UI should display a week ahead, 
    * but textbox should store the actual date. 
    * This is useful if we need UI to select local dates, 
    * but store in UTC 
    */ 
    toDisplay: function (date, format, language) { 
     var d = new Date(date); 
     d.setDate(d.getDate() - 7); 
     return d.toISOString(); 
    }, 
    toValue: function (date, format, language) { 
     var d = new Date(date); 
     d.setDate(d.getDate() + 7); 
     return new Date(d); 
    } 
    }, 
    autoclose: true 
}); 
+1

देखें यह एकदम सही समाधान है। धन्यवाद। –

+5

यह मूल समस्या को बिल्कुल हल नहीं करता है: प्रदर्शित तिथि अभी भी फ़ॉर्म सबमिट पर पोस्ट की गई है। यह केवल आपको स्ट्रिंग-टू-डेट और डेट-टू-स्ट्रिंग रूपांतरण फ़ंक्शंस को परिभाषित करने की अनुमति देता है ताकि इनपुट फ़ील्ड को कैलेंडर दृश्य के साथ मैन्युअल रूप से संपादित किया जा सके। – ZeRemz

+0

@ZeRemz अच्छी तरह से यह मेरे लिए और ओपी के लिए काम करता है, तो अजीब। –

4

जब मुझे ऐसी समस्या का सामना करना पड़ता है, जहां मैं डेटा को अलग-अलग प्रदर्शित करना चाहता हूं, मैं इसे एक छिपी हुई तत्व में कॉपी करने के लिए लिखता हूं, जहां मैं 'सही' प्रारूपित डेटा को बनाए रखता हूं, उपयोगकर्ता नहीं देखता है।

यह सबसे अच्छा समाधान मैं पल में की पेशकश कर सकते, जैसा कि मैंने किसी भी तरह से बूटस्ट्रैप datepicker को समझाने के लिए एक साथ दो प्रारूपों का उपयोग करना के बारे में पता नहीं है।

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