github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

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
parent 5a2c03c6e9 c09d84254c
commit d7678dbbfe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
pages/forms/advanced.html
View File

@ -1268,6 +1268,16 @@
</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 -->
<!-- Date range -->
<div class="form-group">
@ -1313,7 +1323,7 @@
<!-- /.form group -->
</div>
<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.
</div>
<!-- /.card-body -->
@ -1692,10 +1702,14 @@
//Money Euro
$('[data-mask]').inputmask()
//Date range picker
//Date picker
$('#reservationdate').datetimepicker({
format: 'L'
});
//Date and time picker
$('#reservationdatetime').datetimepicker({ icons: { time: 'far fa-clock' } });
//Date range picker
$('#reservation').daterangepicker()
//Date range picker with time picker