"datepicker proper format current date"
Bootstrap 3.3.0 Snippet by durgesh361

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html> <head> <link href="jquery-ui.min.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /> </head> <body> <label>Date:</label><input type="text" id="datepicker" autocomplete="off" placeholder="select date"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> </body> </html>
body{ margin-top:50px; margin-left:50px; } #datepicker{ width:300px; margin-left:10px; height:40px; font-size:16px; }
$(document).ready(function(){ $('#datepicker').datepicker({ dateFormat:"dd-mm-yy", changeMonth:true, changeYear:true, minDate:0 }); });

Related: See More

Vue Light Bootstrap Dashboard PRO
Fast Selection Date Picker
Responsive Date Paginator
Simple Datepicker with moment.js

Questions / Comments: