Hi all,
Will you please let me share the code for setting value in DatePicker in HTML5 using jQuery?
<label for="datePicker">Date:</label> <input id="datePicker" type="date" value="2025-03-19" />
Hi makenzi.exc,
Refer below example.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style type="text/css"> body { font-family: Arial; font-size: 10pt; } </style> </head> <body> <label for="datePicker">Date:</label> <input id="datePicker" type="date" value="2025-03-19" /> <input id="btnGetDate" type="button" value="Get Date" /> <input id="btnSetDate" type="button" value="Set Date" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function () { $("#btnGetDate").click(function () { var date = $('#datePicker').val(); // Get value alert(date); }); $("#btnSetDate").click(function () { $('#datePicker').val("2025-03-25"); // Set value }); }); </script> </body> </html>
Demo
Screenshot
Downloads
Download Sample
© COPYRIGHT 2025 ASPSnippets.com ALL RIGHTS RESERVED.