2015-10-16 9 views
5

मैं अपने प्रोजेक्ट के लिए https://eonasdan.github.io/bootstrap-datetimepicker/ से डेटाटेमिपर का उपयोग कर रहा हूं।बूटस्ट्रैप 3 डेटीमपिकर jquery

enter image description here

मैं क्या हासिल करना चाहते है कि अंत प्रारंभ से पहले समय लेने के लिए सक्षम नहीं होना चाहिए है।

$('#timePickerStart').datetimepicker({ 
    format : 'LT' 
}); 
$('#timePickerEnd').datetimepicker({ 
    format : 'LT' 
}); 

DateTimePicker उस तारीख के लिए की तरह एक समारोह है, लेकिन मैं कैसे समय में इसे लागू करने पता नहीं है।

धन्यवाद।

+0

मैंने किया। यह फ़ंक्शन minDate और maxDate का उपयोग करता है। और मैंने उपयोग का उपयोग करने की कोशिश की: झूठी लेकिन इसमें एक बग है, यह केवल पहली बार काम करता है, जब मैं अंत समय इनपुट करने के बाद फिर से प्रारंभ समय बदलता हूं, यह अब और काम नहीं करता है। – pat3ck029

+0

क्योंकि आपके पास अन्य कोई अन्य आवश्यकता नहीं है, केवल यह सुनिश्चित करने के लिए कि अंतिम समय प्रारंभ समय से पहले नहीं है, तो परेशानी मुक्त समाधान है, jQuery सत्यापन प्लगइन या बूटस्ट्रैप सत्यापन प्लगइन का उपयोग करें, बस समय फ़ील्ड पर सत्यापन दें और उन्हें करने दें पैर आपके लिए काम करता है। – Shehary

उत्तर

2

आप disabledTimeIntervals संपत्ति और फ़ंक्शन के साथ कुछ समय अंतराल अक्षम कर सकते हैं। इसमें एक सरणी में दो moment ऑब्जेक्ट्स लगते हैं। दूसरा तरीका disabledHours संपत्ति और disabledHours() फ़ंक्शन के साथ कुछ घंटों को अक्षम कर रहा है।

आप क्या कर सकते हैं यह है: जब उपयोगकर्ता पिकर्स में से किसी एक को बदलता है, तो कॉलबैक चलाएं। इस कॉलबैक में, आप वर्तमान पल प्राप्त करने के लिए date() फ़ंक्शन का उपयोग कर सकते हैं, फिर इसे अन्य पिकर के लिए ऊपरी/निचले बाउंड के रूप में disabledTimeIntervals के साथ सेट करें।

+0

आपको बहुत बहुत धन्यवाद! – pat3ck029

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