jQuery UI Datepicker | Add Datepicker to Input Field using jQuery UI
Aug 2, 2021
In this tutorial im going to learn hwo to add DatePicker in input field using jQuery. You can use this DatePicker code in your own page. So just copy bellow code and run in your local system.
Example:-
<html lang="en">
<head>
<title>Date Picker in jquery Laravel Amit</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet">
</head>
<body>
<br><br><br>
<div class="container text-center">
<h2>Jquery Datetime picker in Laravel</h2>
<strong>Select Date:</strong><input type="text" id="datepicker" class="from-control">
</div>
<script type="text/javascript">
$( "#datepicker" ).datepicker();
</script>
</body>
</html>
Now run your code.
Thanks..