Bootstrap datepicker pop-up not shown the highlighted current date

If you are using this : https://github.com/eternicode/bootstrap-datepicker you have to give options when you initiate calendar, such as

   $('#sandbox-container input').datepicker({ 
               todayHighlight: true
   });


$('#datepicker').datepicker({
    format: 'dd-mm-yyyy',
    todayHighlight: true
});

Here is the JSFiddle


Bootstrap Datepicker depends on its own CSS for styling the calendar widget.

For quickly importing the dependence, you can pick a version from cdnjs (make sure you pick a .css extension) and import into your HTML like this:

<head>
  <meta charset="UTF-8">
  <!-- ... -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker.css" />
</head>

Tags:

Javascript

Css

Jquery

Datepicker

Twitter Bootstrap

Recent Posts