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 का उपयोग करके वर्तमान दिनांक सेट किया जाएगा।
Table of Contents
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 कर सकते है,
हमारे अन्य आर्टिकल
- MySQL Function
- MySQL Stored Procedure
- PHP Get /Post Method के बारे में जाने
- PHP Math Function के बारे में जाने
- C से C ++ सीखे सरल शब्दों में
- PHP Variable के बारे में जाने
- Arduino Control Structure
- Union in C
- Declaration of Pointer in C
- jQuery Search Filter
- MySQL Create Table | Alter Table | Drop Table
- API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)
- CPANEL In Hindi