Elite Admin

Material Datepicker

Material Datepicker

Default Material Date Picker
Default Material Date Picker

Code Here:


									
<h5 class="card-title">Default Material Date Picker</h5>
<div class="form-group border-bottom pb-3">
     <input type="text" class="form-control" placeholder="2017-06-04" id="mdate">
</div>
<h5 class="card-title">Default Material Date Picker</h5>
<div class="form-group border-bottom pb-3">
     <input class="form-control" id="timepicker" placeholder="Check time">
</div>
									
								

Init Code


									
$('#mdate').bootstrapMaterialDatePicker({ weekStart: 0, time: false });
$('#timepicker').bootstrapMaterialDatePicker({ format: 'HH:mm', time: true, date: false });
									
								

Required Files For Nouislider Here


									
<!-- CSS Here -->
<link href="../assets/node_modules/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css" rel="stylesheet">

<!-- Javascript Here -->
<script src="../assets/node_modules/moment/moment.js"></script>
<script src="../assets/node_modules/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js"></script>