datetimepicker to html5

application/controllers/Lotw.php

@@ -724,8 +724,6 @@ class Lotw extends CI_Controller {
             $customDate = $this->input->post('from');
 
 			if ($customDate != NULL) {
-                $customDate = DateTime::createFromFormat('d/m/Y', $customDate);
-                $customDate = $customDate->format('Y-m-d');
                 $lotw_last_qsl_date = date($customDate);
             }
             else {

application/views/eqsl/import.php

@@ -52,8 +52,7 @@
 				<div class="row">
 		        	<div class="mb-3 col-sm-2">
 			          	<div class="dxatlasdatepicker input-group date" id="eqsl_force_from_date" data-target-input="nearest">
-			            	<input name="eqsl_force_from_date" type="text" placeholder="YYYY/MM/DD" class="form-control datetimepicker-input" data-bs-target="#eqsl_force_from_date" value=""/>
+                        	<input name="eqsl_force_from_date" id="eqsl_force_from_date" type="date" class="form-control w-auto">
-			              	<div class="input-group-append"  data-bs-target="#eqsl_force_from_date" data-bs-toggle="datetimepicker"><div class="input-group-text"><i class="fa fa-calendar"></i></div></div>
 			          	</div>
 		        	</div>
 		         	<div class="mb-3 col-sm-5" style="vertical-align:middle;"><label class="form-label"><?php echo "(Select a date, only if you want to force an import with an older date)"; //$this->lang->line(''); ?></label></div>

application/views/hrdlog/export.php

@@ -68,22 +68,15 @@
 						<?php } ?>
 					</select>
 					<p><span class="badge text-bg-warning">Warning</span> If a date range is not selected then all QSOs will be marked!</p>
-					<p class="card-text">From date:</p>
 					<div class="row">
-						<div class="input-group date col-md-3" id="datetimepicker5" data-target-input="nearest">
+						<div class="col-md-2">
-							<input name="from" type="text" placeholder="DD/MM/YYYY" class="form-control datetimepicker-input" data-bs-target="#datetimepicker1"/>
+							<label for="from"><?php echo lang('gen_from_date') . ": " ?></label>
-							<div class="input-group-append"  data-bs-target="#datetimepicker5" data-bs-toggle="datetimepicker">
+							<input name="from" id="from" type="date" class="form-control w-auto">
-								<div class="input-group-text"><i class="fa fa-calendar"></i></div>
-							</div>
 						</div>
-					</div>
+
-					<p class="card-text">To date:</p>
+						<div class="col-md-2">
-					<div class="row">
+							<label for="to"><?php echo lang('gen_to_date') . ": " ?></label>
-						<div class="input-group date col-md-3" id="datetimepicker6" data-target-input="nearest">
+							<input name="to" id="to" type="date" class="form-control w-auto">
-							<input name="to" type="text" placeholder="DD/MM/YYYY" class="form-control datetimepicker-input" data-bs-target="#datetimepicker2"/>
-							<div class="input-group-append" data-bs-target="#datetimepicker6" data-bs-toggle="datetimepicker">
-								<div class="input-group-text"><i class="fa fa-calendar"></i></div>
-							</div>
 						</div>
 					</div>
 					<br>

application/views/interface_assets/footer.php

@@ -2297,9 +2297,6 @@ $(document).ready(function(){
         if (isDarkModeTheme()) {
             $('[class*="buttons"]').css("color", "white");
         }
-        $('#eqsl_force_from_date').datetimepicker({
-            format: 'YYYY/MM/DD'
-        });
 
     </script>
 <?php } ?>
@@ -2866,42 +2863,6 @@ function viewEqsl(picture, callsign) {
     </script>
 <?php } ?>
 
-<?php if ($this->uri->segment(1) == "dxatlas") { ?>
-	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/moment.min.js"></script>
-	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/tempusdominus-bootstrap-4.min.js"></script>
-	<script>
-		$(function () {
-			$('#datetimepicker1').datetimepicker({
-				format: 'DD/MM/YYYY',
-			});
-		});
-
-		$(function () {
-			$('#datetimepicker2').datetimepicker({
-				format: 'DD/MM/YYYY',
-			});
-		});
-	</script>
-<?php } ?>
-
-<?php if ($this->uri->segment(1) == "csv") { ?>
-	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/moment.min.js"></script>
-	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/tempusdominus-bootstrap-4.min.js"></script>
-	<script>
-		$(function () {
-			$('#datetimepicker1').datetimepicker({
-				format: 'DD/MM/YYYY',
-			});
-		});
-
-		$(function () {
-			$('#datetimepicker2').datetimepicker({
-				format: 'DD/MM/YYYY',
-			});
-		});
-	</script>
-<?php } ?>
-
 
 <?php if ($this->uri->segment(1) == "eqsl") { ?>
 	<script>

application/views/lotw/import.php

@@ -33,11 +33,8 @@
 		</div>
       <p class="card-text"><?php echo lang('gen_from_date'); ?>:</p>
       <div class="row">
-          <div class="input-group date col-md-3" id="datetimepicker1" data-target-input="nearest">
+          <div class="col-md-3">
-              <input name="from" type="text" placeholder="DD/MM/YYYY" class="form-control datetimepicker-input" data-bs-target="#datetimepicker1"/>
+            <input name="from" id="from" type="date" class="form-control w-auto">
-              <div class="input-group-append"  data-bs-target="#datetimepicker1" data-bs-toggle="datetimepicker">
-                  <div class="input-group-text"><i class="fa fa-calendar"></i></div>
-              </div>
           </div>
       </div>
       <br/>

application/views/qrz/export.php

@@ -67,22 +67,15 @@
 						<?php } ?>
 					</select>
 					<p><span class="badge text-bg-warning">Warning</span> If a date range is not selected then all QSOs will be marked!</p>
-					<p class="card-text">From date:</p>
 					<div class="row">
-						<div class="input-group date col-md-3" id="datetimepicker5" data-target-input="nearest">
+						<div class="col-md-2">
-							<input name="from" type="text" placeholder="DD/MM/YYYY" class="form-control datetimepicker-input" data-bs-target="#datetimepicker1"/>
+							<label for="from"><?php echo lang('gen_from_date') . ": " ?></label>
-							<div class="input-group-append"  data-bs-target="#datetimepicker5" data-bs-toggle="datetimepicker">
+							<input name="from" id="from" type="date" class="form-control w-auto">
-								<div class="input-group-text"><i class="fa fa-calendar"></i></div>
-							</div>
 						</div>
-					</div>
+
-					<p class="card-text">To date:</p>
+						<div class="col-md-2">
-					<div class="row">
+							<label for="to"><?php echo lang('gen_to_date') . ": " ?></label>
-						<div class="input-group date col-md-3" id="datetimepicker6" data-target-input="nearest">
+							<input name="to" id="to" type="date" class="form-control w-auto">
-							<input name="to" type="text" placeholder="DD/MM/YYYY" class="form-control datetimepicker-input" data-bs-target="#datetimepicker2"/>
-							<div class="input-group-append" data-bs-target="#datetimepicker6" data-bs-toggle="datetimepicker">
-								<div class="input-group-text"><i class="fa fa-calendar"></i></div>
-							</div>
 						</div>
 					</div>
 					<br>

assets/js/datetime-moment.js

@@ -1,71 +0,0 @@
-/**
- * This plug-in for DataTables represents the ultimate option in extensibility
- * for sorting date / time strings correctly. It uses
- * [Moment.js](http://momentjs.com) to create automatic type detection and
- * sorting plug-ins for DataTables based on a given format. This way, DataTables
- * will automatically detect your temporal information and sort it correctly.
- *
- * For usage instructions, please see the DataTables blog
- * post that [introduces it](//datatables.net/blog/2014-12-18).
- *
- * @name Ultimate Date / Time sorting
- * @summary Sort date and time in any format using Moment.js
- * @author [Allan Jardine](//datatables.net)
- * @depends DataTables 1.10+, Moment.js 1.7+
- * @deprecated
- *
- * @example
- *    $.fn.dataTable.moment( 'HH:mm MMM D, YY' );
- *    $.fn.dataTable.moment( 'dddd, MMMM Do, YYYY' );
- *
- *    $('#example').DataTable();
- */
-
-(function (factory) {
-	if (typeof define === "function" && define.amd) {
-		define(["jquery", "moment", "datatables.net"], factory);
-	} else {
-		factory(jQuery, moment);
-	}
-})(function ($, moment) {
-	function strip(d) {
-		if (typeof d === "string") {
-			// Strip HTML tags and newline characters if possible
-			d = d.replace(/(<.*?>)|(\r?\n|\r)/g, "");
-
-			// Strip out surrounding white space
-			d = d.trim();
-		}
-
-		return d;
-	}
-
-	$.fn.dataTable.moment = function (format, locale, reverseEmpties) {
-		var types = $.fn.dataTable.ext.type;
-
-		// Add type detection
-		types.detect.unshift(function (d) {
-			d = strip(d);
-
-			// Null and empty values are acceptable
-			if (d === "" || d === null) {
-				return "moment-" + format;
-			}
-
-			return moment(d, format, locale, true).isValid()
-				? "moment-" + format
-				: null;
-		});
-
-		// Add sorting method - use an integer for the sorting
-		types.order["moment-" + format + "-pre"] = function (d) {
-			d = strip(d);
-
-			return !moment(d, format, locale, true).isValid()
-				? reverseEmpties
-					? -Infinity
-					: Infinity
-				: parseInt(moment(d, format, locale, true).format("x"), 10);
-		};
-	};
-});