एचटीएमएल 5 <input type = "तिथि"> - onChange घटना

Question

जब उपयोगकर्ता चित्रमय कैलेंडर और तीर या keybord संख्या का उपयोग कर का उपयोग कर <input type=“date”>, के लिए घटना onChange में पता लगाने के लिए संभव है?

मैं केवल वेनिलाजेएस में रुचि रखने वाले समाधान हूं।

Answer 1

ऐसा कुछ?

function handler(e){ 
 
    alert(e.target.value); 
 
}

<input type="date" id="dt" onchange="handler(event);"/>

Answer 2

हाँ तुम लेकिन कृपया समर्थन ब्राउज़र के लिए दिनांक समय समर्थन

के लिए जाँच कर सकते हैं कार्यात्मक उदाहरण के लिए बिन देखें!

JSBin

क्रोम के मामले में जब तक पूरे तारीख इनपुट है गतिविधि सक्रिय की नहीं होगा!

Answer 3

आप दो घटनाओं onchange घटना इस्तेमाल कर सकते हैं, लेकिन अपने क्षेत्र पहली बार प्रारंभ किया जाना चाहिए:

var date_input = document.getElementById('date_input'); 
 
date_input.valueAsDate = new Date(); 
 

 
date_input.onchange = function(){ 
 
    console.log(this.value); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="date" id='date_input'>

आशा इस मदद करता है।