How to implement DatePicker using jquery?

In this article I am going to implement Datepicker using Jquery. Whilecreating form , we mostly require date field and needs more easy to select dateby clicking on it .

Here when user focus on input field by clicking on it.

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>

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

    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

    <script>

        $(function () {

 

            $("#DOB").datepicker();

 

        });

    </script>

 

    <input type="text" id="DOB" value="" placeholder="Date of Birth" />

Output: