2015-06-23 9 views
5

मैं बटन क्लिक पर चयनित तिथि को रीसेट करने का प्रयास कर रहा हूं, लेकिन अब तक मैं केवल input तत्व को पिकर की वास्तविक तिथि के बिना साफ़ करने में सक्षम हूं। निम्न कोड कॉन्फ़िगरेशन और दिनांक सहित सबकुछ रीसेट करता है, इसलिए इसकी स्पष्ट रूप से मुझे इसकी आवश्यकता नहीं है।बूटस्ट्रैप 3 डेटपिकर - पिकर कॉन्फ़िगरेशन को रीसेट किए बिना चयनित दिनांक को रीसेट कैसे करें?

$('#datepicker').datepicker('update',''); //resets everything 

विस्तारित करने के लिए: उपयोगकर्ता वर्तमान दिन से केवल 7 दिन का चयन कर सकता है। एक बटन भी है जो उपयोगकर्ता को पिकर से चयनित तिथि को साफ़ करने में सक्षम बनाता है, और एक नया चयन करता है। अभी, समाशोधन फ़ंक्शन केवल पिकर से इनपुट तत्व को साफ़ कर सकता है (लेकिन पिकर तत्व में वास्तविक तिथि नहीं), या पिकर कॉन्फ़िगरेशन के साथ चयन को साफ़ करने के लिए (उदा। स्टार्टडेट: "+ 7 डी"। मैं चाहता हूं केवल चयनित तिथि स्पष्ट है, सब कुछ रीसेट किए बिना

jsfiddle

यही तो मैं अब तक के साथ आया था:।
HTML:

<div id="myDatepicker" class="input-group date"> 
    <input type="text" class="form-control" id="datepick"> 
    <span class="input-group-addon"> 
    <i class="fa fa-calendar"></i> 
    </span> 
    <a href="#" id="duration_tag"></a> 
</div> 
<button type="button" id="clear">clear</button> 

jQuery:

$(document).ready(function() { 

$("#clear").click(function(){ 
    $('#datepick').val(" ").datepicker({startDate: "+7d"});     
}); 

$('#myDatepicker').datepicker({ 
        startDate: "+7d", 
       }); 

$('#myDatepicker').on('changeDate', function(e){ 
    $(this).datepicker('hide'); 
}); 

}); 
+0

आप थोड़ा और अधिक विशिष्ट के रूप में यह अनुमान है कि आप वास्तव में क्या हासिल करने की कोशिश कर रहे हैं मुश्किल है हो सकता है .. बेशक – Arcanyx

+0

। उपयोगकर्ता केवल वर्तमान दिन से 7 दिनों की तारीख का चयन कर सकता है। एक बटन भी है जो उपयोगकर्ता को पिकर से चयनित तिथि को साफ़ करने में सक्षम बनाता है, और एक नया चयन करता है। अभी, समाशोधन फ़ंक्शन केवल पिकर से इनपुट तत्व को साफ़ कर सकता है (लेकिन पिकर तत्व में वास्तविक तिथि नहीं), या पिकर कॉन्फ़िगरेशन के साथ चयन को साफ़ करने के लिए (उदा। 'StartDate: "+ 7d" 'I। सबकुछ रीसेट किए बिना केवल चयनित तारीख को साफ़ करना चाहते हैं। – undroid

+0

वास्तव में रीसेट का मतलब क्या है? वर्तमान दिनांक या किसी अन्य कॉन्फ़िगरेशन की तारीख सेट करें। आप डेटपिकर को वर्तमान दिनांक पर सेट कर सकते हैं। $ ("# myDatepicker")। datepicker ("setDate", नई तिथि()); –

उत्तर

12

आपको वर्तमान datePicker उदाहरण प्राप्त करने की आवश्यकता है और उस पर setDate(null) पर कॉल करें। आप इसे इस प्रकार कर सकते हैं:

$("#clear").click(function(){ 
    $('#myDatepicker').data('datepicker').setDate(null); 
}); 

अद्यतन बेला: http://jsfiddle.net/4L6fhjLf/2/

5
$('#myDatepicker').data('DateTimePicker').date(null); 
+0

यह बहुत अच्छा है और '$ (" # myDatepicker ") से bettter काम करता है। बच्चे()। वैल ('');' – yami

+0

बहुत बहुत धन्यवाद यह बहुत मदद करता है –

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