datum en tijden selecteren
Die koppel je aan elkaar:
Code (php)
1
2
3
2
3
<?php
$datum = $_POST['yyyy'] . '-' . $_POST['mm'] . '-' . $_POST['dd'];
?>
$datum = $_POST['yyyy'] . '-' . $_POST['mm'] . '-' . $_POST['dd'];
?>
Om hem vervolgens te kunnen wegschrijven in je database. Zorg er daarbij voor om je kolom in je database tabel wel de juiste eigenschap te geven. Dit moet DATE zijn.
De simpelste optie is zonder meer die Bas aangeeft. Een iets elegantere manier is met iets als een datepicker te gaan werken. Heb je wel Javascript bij nodig en in veel gevallen JQuery (niet perse, maar maakt het makkelijker). Zoek eens op 'datepicker' en je komt er vast tientallen tegen.
Dit is met jQuery en jQuery-ui plugin
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<title>Datepicker demonstratie</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
<script>
// @see http://www.phphulp.nl/php/forum/topic/datum-en-tijden-selecteren/84121/
$(function() {
$( "#datepicker" ).datepicker({
showOtherMonths: true,
selectOtherMonths: true,
firstDay: 1, // eerste dag: maandag
dateFormat: 'yy-mm-dd'
});
});
</script>
</head>
<body>
<h2>Datepicker demonstratie</h2>
Date:
<input id="datepicker" type="text" />
</body>
</html>
<head>
<title>Datepicker demonstratie</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
<script>
// @see http://www.phphulp.nl/php/forum/topic/datum-en-tijden-selecteren/84121/
$(function() {
$( "#datepicker" ).datepicker({
showOtherMonths: true,
selectOtherMonths: true,
firstDay: 1, // eerste dag: maandag
dateFormat: 'yy-mm-dd'
});
});
</script>
</head>
<body>
<h2>Datepicker demonstratie</h2>
Date:
<input id="datepicker" type="text" />
</body>
</html>
In deze code laat ik de css-file hosten door jquery.com zelf, en de de .js files door Google.
Je kan dit zo laten (op deze manier worden die files beter gecached), of ze zelf downloaden ...
Extra: indien je ook wil dat men de tijd kan invullen, is er nog een verdere plugin die de datepicker omvormt to datetimepicker; zie:
http://www.phphulp.nl/php/forum/topic/date-en-time-picker-in-wordpress/83000/#590409
Gewijzigd op 17/04/2012 11:58:55 door Kris Peeters
Gewijzigd op 17/04/2012 13:44:52 door gerhard timmerman
http://www.phphulp.nl/php/forum/topic/date-en-time-picker-in-wordpress/83000/#590409 (mijn post met code)
Dit zet datum en tijd in 1 input element, in het formaat waarmee het onmiddellijk in een datetime veld van de database kan.