example inputs on homepage
This commit is contained in:
parent
a0d5589777
commit
7e1143fc45
File diff suppressed because one or more lines are too long
@ -28,40 +28,12 @@
|
|||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
<div .container>
|
<div .container>
|
||||||
<h2 .js-show-hide__toggle data-collapsed=true>Tabellen
|
<h2 .js-show-hide__toggle data-collapsed=true>Date picker
|
||||||
<table .js-sortable>
|
<form action=# id="datetime-form1">
|
||||||
<thead>
|
<input type="date">
|
||||||
<tr>
|
<input type="time">
|
||||||
<th .sorted-asc>ID
|
<form action=# id="datetime-form2">
|
||||||
<th>TH1
|
<input type="datetime-local">
|
||||||
<th>TH2
|
|
||||||
<th>TH3
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>0
|
|
||||||
<td>NT2
|
|
||||||
<td>CON2
|
|
||||||
<td>3
|
|
||||||
<tr>
|
|
||||||
<td>1
|
|
||||||
<td>5
|
|
||||||
<td>ONT2
|
|
||||||
<td>13
|
|
||||||
<tr>
|
|
||||||
<td>2
|
|
||||||
<td>CONT1
|
|
||||||
<td>NT2
|
|
||||||
<td>43
|
|
||||||
<tr>
|
|
||||||
<td>3
|
|
||||||
<td>43
|
|
||||||
<td>T2C2
|
|
||||||
<td>35
|
|
||||||
<tr>
|
|
||||||
<td>4
|
|
||||||
<td>73
|
|
||||||
<td>CA62
|
|
||||||
<td>7
|
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
<div .container>
|
<div .container>
|
||||||
|
|||||||
@ -0,0 +1,19 @@
|
|||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var config = {
|
||||||
|
enableTime: true,
|
||||||
|
altInput: true,
|
||||||
|
altFormat: "j. F Y, H:i",
|
||||||
|
dateFormat: "Y-m-d H:i",
|
||||||
|
time_24hr: true
|
||||||
|
};
|
||||||
|
|
||||||
|
flatpickr('#datetime-form1 [type="date"]', {
|
||||||
|
altFormat: "j. F Y", dateFormat: "Y-m-d", altInput: true
|
||||||
|
});
|
||||||
|
flatpickr('#datetime-form1 [type="time"]', {
|
||||||
|
enableTime: true, noCalendar: true, altFormat: "H:i", dateFormat: "H:i", altInput: true, time_24hr: true
|
||||||
|
});
|
||||||
|
flatpickr('#datetime-form2 input', config);
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user