Home Javascript How to use Jquery Datepicker by using Jquery UI ?

How to use Jquery Datepicker by using Jquery UI ?

by Shahriar Sagor

Today now in this post i will show you How to use Jquery Datepicker by using Jquery UI ? Some times, we need to use Datepicker in our project. Jquery ui provide us Datepicker library on that way we can use easily in our any framework project as like php, .net , or any other framework.

Now here in this example i will use jquery datepicker in my html file also with full source code on that way we could run own.

So just need to copy the bellow code and then run in your local system.

Example:

<html lang="en">
<head>
    <title>Jquery - Datepicker Example using jquery ui</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>


<div class="container text-center">
     <h2>Jquery - Datepicker Example using jquery ui</h2>
     <strong>Select Date:</strong> <input type="text" id="datepicker" class="from-control">
</div>	


<script type="text/javascript">
    $( "#datepicker" ).datepicker();
</script>


</body>
</html>

Read Also :Laravel Join with Subquery in Query Builder Example

Thanks for read. I hope it help you. For more you can follow us onĀ facebook.

close

You may also like