add datepicker to attendencegiving

This commit is contained in:
marko
2021-10-22 09:28:12 +02:00
parent f9c3405754
commit 478e1add04
4 changed files with 10 additions and 4 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

View File

@@ -1,4 +1,6 @@
<?php
setlocale (LC_ALL, 'de_DE@euro', 'de_DE', 'de', 'ge');
require_once("./local/cwsvJudo.config.php");
require_once("./lib/db.php");
require_once("./lib/api.php");
@@ -23,11 +25,11 @@
array_push( $lastAttendancesAssocArray[ $a['date'] ], $a );
}
$dateLastWendsday = new DateTime("tomorrow last wednesday");
$dateLastFriday = new DateTime("tomorrow last friday");
$dateLastWendsday = new DateTime("wednesday this week");
$dateLastFriday = new DateTime("friday this week");
$lastTrainingDay = max($dateLastWendsday, $dateLastFriday);
?>
<html>
<html lang="de">
<header>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/materialize@1.1.0-alpha/dist/css/materialize.min.css">
@@ -48,7 +50,7 @@
<form action="./index.php" method="POST">
<div class="input-field">
<input id="giveAttendanceAction" name="action" value="giveAttendance" type="hidden" />
<input id="attendenceDate" name="attandanceDate" value="<?php echo($lastTrainingDay->format("Y-m-d"));?>" />
<input id="attendenceDate" name="attandanceDate" value="<?php echo($lastTrainingDay->format("Y-m-d"));?>" type="text" class="datepicker"/>
<select name="judokaIdsInTraining[]" id="judokaIdsInTraining" multiple><option value="" disabled selected>Anwesende auswählen</option>
<?php foreach($judokas as $j) echo("<option value=\"".$j['userId']."\">".$j['vorname']." ".$j['name']."</option>");?>
</select>

View File

@@ -8,4 +8,8 @@
var sideNavElems = document.querySelectorAll('.sidenav');
var sideNavInstances = M.Sidenav.init(sideNavElems, options);
});
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.datepicker');
var instances = M.Datepicker.init(elems, options);
});
</script>