From 4e5cb3e26bdf94b921ca7b1499713a141bea7989 Mon Sep 17 00:00:00 2001
From: Daniel <50356015+danny007in@users.noreply.github.com>
Date: Sat, 20 Mar 2021 23:21:36 +0530
Subject: [PATCH 1/2] add datetime example
---
pages/forms/advanced.html | 16 +++++++++++++++-
1 file changed, 15 insertions(+), 1 deletion(-)
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index 7a2f60cbe..78a149e5c 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -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">
@@ -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
From c09d84254cffe87c420ff82f966de743d024deba Mon Sep 17 00:00:00 2001
From: Daniel <50356015+danny007in@users.noreply.github.com>
Date: Sat, 20 Mar 2021 23:23:27 +0530
Subject: [PATCH 2/2] update url of Bootstrap 4 - Tempus Dominus
---
pages/forms/advanced.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index 78a149e5c..09231f2da 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -1323,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 -->