Website Under Maintenance

We working on broken links and updating the content on website

We are regret for inconvenience


jQuery Date picker - Tutorial

Date Picker


Demo


Code


Main plug-in files add below pages to your web page

CSS File:

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

Javascript File:

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

JavaScript


Add below script on-page in between <script></script> tag

$( function() {
    $( "#datepicker" ).datepicker();
} );

Without jQuery and CSS


Demo


Code


Without jQuery and CSS we can create "datepicker". It will work in all new and advensed browers, just we need to write input type="date"

<input class="form-control form-group input-lg" name="date" type="date">

Post a Comment

Post a Comment