एचटीएमएल <code>input type="date"</code> और एक सबमिट बटन का उपयोग कर jQuery

Question

का उपयोग कर HTML <इनपुट प्रकार = "दिनांक"> से मूल्यों को निकालने के लिए कैसे करें। मैं दिनांक इनपुट से उपयुक्त मानों के साथ day, month, और year चर को पॉप्युलेट करना चाहता हूं।

<input type="date" id="date-input" required /> 
<button id="submit">Submit</button> 

और jQuery: https://jsfiddle.net/dkxy46ha/

कंसोल त्रुटि कह रहा है कि .getDate() कार्य नहीं है:

var day, month, year; 

$('#submit').on('click', function(){ 
    day = $('#date-input').getDate(); 
    month = $('#date-input').getMonth() + 1; 
    year = $('#date-input').getFullYear(); 
    alert(day, month, year); 
}); 

यहाँ एक कोड नमूना है।

मैंने इसी तरह के प्रश्न देखे हैं लेकिन समाधान मेरे लिए काम नहीं किए हैं। मैं input type="date" से दिन, महीना और वर्ष कैसे निकाल सकता हूं? धन्यवाद

Answer 1

सबसे पहले आप input तत्व मूल्य से एक Date वस्तु बनाने के लिए की जरूरत है। और फिर आप इस वस्तु से दिन, महीना और वर्ष प्राप्त कर पाएंगे।

$('#submit').on('click', function(){ 
    var date = new Date($('#date-input').val()); 
    day = date.getDate(); 
    month = date.getMonth() + 1; 
    year = date.getFullYear(); 
    alert([day, month, year].join('/')); 
}); 

कार्य उदाहरण: https://jsfiddle.net/8poLtqvp/

Answer 2

date = new Date($('#date-input').val()) 
date.getDate() 

...

Answer 3

तिथि मान input type="date" द्वारा लौटाए गए प्रारूप yyyy-mm-dd है। युक्त [yyyy, mm, dd]

नोट सरणी पुनः प्राप्त करने के तर्क "-" साथ .split() इस्तेमाल कर सकते हैं, alert() पैरामीटर के रूप में स्ट्रिंग अपेक्षा करता है; अल्पविराम , ऑपरेटर

var day, month, year; 

$('#submit').on('click', function() { 
    var date = $('#date-input').val().split("-"); 
    console.log(date, $('#date-input').val()) 
    day = date[2]; 
    month = date[1]; 
    year = date[0]; 
    alert(day + month + year); 
}); 

jsfiddle https://jsfiddle.net/dkxy46ha/2/