Setting Current Date or Set Today Date in Input Type Date in 5 Minutes

Learn how to setting current date in various applications and programming languages, set today date on input type date using JavaScript.

HTML और JavaScript का सहायता से इनपुट टाइप “Date” में वर्तमान दिनांक या आज की दिनांक सेट करने के लिए निम्नलिखित तरीके का उपयोग किया जा सकता है। नीचे दिए गए उदाहरण में हम एक HTML फ़ॉर्म का उपयोग करेंगे जिसमें इनपुट दिनांक के लिए एक इनपुट बॉक्स होगा और उसे JavaScript का उपयोग करके वर्तमान दिनांक सेट किया जाएगा।

Setting Current Date

1. HTML Code for Setting Current Date

यह HTML Code है जिसमे हमने Input type date लिया हैं और Body के onload पर हमें JavaScript के function को Call किया है ।

<html lang="en">
  <head>
	<title>Imagination Date </title>
	
	<script>
	function SetCurrentDate()
	{
              //...Write Javascript Code Here
	}
	</script>
	
  </head>
  <body onload="SetCurrentDate()">
	<center>
	<h2>Set Current Date</h2>
  
	<label>Date</label>
	<input type="date"  name="inv_dt">
	</center>							   
	<body>
</html>	
                        

2. JavaScript Code for Setting Current Date

इसमे हमने JavaScript का एक Function बनाया हैं जिसमे Date Declare करने के बाद उसको DD-MM-YYYY Format मे सेट किया हैं ।

	function SetCurrentDate()
	{
		const date = new Date();
		console.log(date);

		let d = date.getDate();
		let m = date.getMonth() + 1;
		let y = date.getFullYear();

		if (d < 10) d = '0' + d;
		if (m < 10) m = '0' + m;

		let CurrDate = y + '-' + m + '-' + d;

		// $('input[name="inv_dt"]').val(CurrDate);  //Using jQuery
		document.getElementsByName("inv_dt")[0].value = CurrDate ; 

	}

आशा हैं मुझे की आपको HTML मे जावसकृप्त का उपयोग कर किस तरह से Current Date Set की जाती हैं बहुत अच्छे से समझ आ गया होगा। फिर भी आपको कोई Doubt हो तो आप Comment कर सकते है,

हमारे अन्य आर्टिकल


Add a Comment

Your email address will not be published. Required fields are marked *