$(document).ready(function () { $('#example1').datepicker({ format: "dd/mm/yyyy", autoclose: true }); //Alternativ way $('#example2').datepicker({ format: "dd/mm/yyyy" }).on('change', function(){ $('.datepicker').hide(); }); });
<div class="container"> <div class="hero-unit"> <input type="text" placeholder="Sample 1: Click to show datepicker" id="example1"> </div> <div class="hero-unit"> <input type="text" placeholder="Sample 2: Click to show datepicker" id="example2"> </div> </div>