Merge pull request #3525 from danny007in/example-branch

add datetime example
pull/3526/head
REJack 2021-03-20 22:10:29 +01:00 committed by GitHub
commit d7678dbbfe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 2 deletions

View File

@ -1268,6 +1268,16 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Date and time -->
<div class="form-group">
<label>Date and time:</label>
<div class="input-group date" id="reservationdatetime" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input" data-target="#reservationdatetime"/>
<div class="input-group-append" data-target="#reservationdatetime" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
</div>
</div>
<!-- /.form group --> <!-- /.form group -->
<!-- Date range --> <!-- Date range -->
<div class="form-group"> <div class="form-group">
@ -1313,7 +1323,7 @@
<!-- /.form group --> <!-- /.form group -->
</div> </div>
<div class="card-footer"> <div class="card-footer">
Visit <a href="https://tempusdominus.github.io/bootstrap-4/Usage/">tempusdominus </a> for more examples and information about Visit <a href="https://getdatepicker.com/5-4/">tempusdominus </a> for more examples and information about
the plugin. the plugin.
</div> </div>
<!-- /.card-body --> <!-- /.card-body -->
@ -1692,10 +1702,14 @@
//Money Euro //Money Euro
$('[data-mask]').inputmask() $('[data-mask]').inputmask()
//Date range picker //Date picker
$('#reservationdate').datetimepicker({ $('#reservationdate').datetimepicker({
format: 'L' format: 'L'
}); });
//Date and time picker
$('#reservationdatetime').datetimepicker({ icons: { time: 'far fa-clock' } });
//Date range picker //Date range picker
$('#reservation').daterangepicker() $('#reservation').daterangepicker()
//Date range picker with time picker //Date range picker with time picker