Bootstrap-datetimepicker Bootstrap 4 Code Example


Example 1: date picker for bootstrap 4

<input class="datepicker" data-date-format="mm/dd/yyyy">

Example 2: date picker for bootstrap 4

$('.datepicker').datepicker({     format: 'mm/dd/yyyy',     startDate: '-3d' });

Example 3: date picker for bootstrap 4

<div class="input-group date" data-provide="datepicker">     <input type="text" class="form-control">     <div class="input-group-addon">         <span class="glyphicon glyphicon-th"></span>     </div> </div>

Example 4: bootstrap datepicker

<div class="container">    <div class="row">       <div class='col-sm-6'>          <div class="form-group">             <div class='input-group date' id='datetimepicker1'>                <input type='text' class="form-control" />                <span class="input-group-addon">                <span class="glyphicon glyphicon-calendar"></span>                </span>             </div>          </div>       </div>       <script type="text/javascript">          $(function () {              $('#datetimepicker1').datetimepicker();          });       </script>    </div> </div>

Example 5: bootstrap datetime picker

<div class="container">     <div class="row">         <div class='col-sm-6'>             <div class="form-group">                 <div class='input-group date' id='datetimepicker2'>                     <input type='text' class="form-control" />                     <span class="input-group-addon">                         <span class="glyphicon glyphicon-calendar"></span>                     </span>                 </div>             </div>         </div>         <script type="text/javascript">             $(function () {                 $('#datetimepicker2').datetimepicker({                     locale: 'ru'                 });             });         </script>     </div> </div>

Example 6: bootstrap datetime picker

<div class="container">     <div class="row">         <div class='col-sm-6'>             <div class="form-group">                 <div class='input-group date' id='datetimepicker1'>                     <input type='text' class="form-control" />                     <span class="input-group-addon">                         <span class="glyphicon glyphicon-calendar"></span>                     </span>                 </div>             </div>         </div>         <script type="text/javascript">             $(function () {                 $('#datetimepicker1').datetimepicker();             });         </script>     </div> </div>

Comments

Popular posts from this blog

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?