How to use bootstrap datepicker in Laravel 7.x and 6.x?

April 21, 2017 | Category : Laravel 5 Laravel 5.5 Laravel PHP

In this article, we will deal with implement bootstrap datepicker in laravel 5 application. datepicker is nothing related to laravel, it is a separated jquery library. you can simply use datepicker in laravel as you use on another framework or code php project. In this example i use bootstrap-datepicker.js library for datepicker.

Here, you can simply use on your blade file, as like bellow to use:

your.blade.php

<!DOCTYPE html>
<html>
<head>
  <title>Laravel Bootstrap Datepicker</title>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
</head>
<body>

<div class="container">
    <h1>Laravel Bootstrap Datepicker</h1>
    <input class="date form-control" type="text">
</div>

<script type="text/javascript">
    $('.date').datepicker({  
       format: 'mm-dd-yyyy'
     });  
</script>  

</body>
</html>

Do you like below Tutorials ?

New Articles

Blog Categories

Random Articles