Datetimepicker Plage de date et heure
Bonjour
J'ai créé un formulaire de collecte dont 2 inputs permettent de saisir l'heure d'embauche et l'heure de débauche.
J'ai essayé de mettre en pratique l'exemple 16 ou(exemple 4 dans le pavé "time restraints") indiqué via le lien ci-après
http://trentrichardson.com/examples/timepicker/
Mais cela ne fonctionne pas
Etant novice en js et ne maitrisant pas la syntaxe
quelqu"un peut-il me venir en aide pour voir d'où vient mon problème
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<script type="text/javascript">
$(function()
{
$('#date1').datetimepicker({
onClose: function(dateText, inst) {
var endDateTextBox = $('#date2');
if (endDateTextBox.val() != '') {
var testStartDate = new Date(dateText);
var testEndDate = new Date(endDateTextBox.val());
if (testStartDate > testEndDate){ endDateTextBox.val(dateText); }
else { endDateTextBox.val(dateText); }
}},
onSelect: function (selectedDateTime){
var start = $(this).datetimepicker('getDate');
$('#date2').datetimepicker('option', 'minDate', new Date(start.getTime()));
}
});
$('#date2').datetimepicker({
onClose: function(dateText, inst) {
var startDateTextBox = $('#date1');
if (startDateTextBox.val() != '') {
var testStartDate = new Date(startDateTextBox.val());
var testEndDate = new Date(dateText);
if (testStartDate > testEndDate){
startDateTextBox.val(dateText); }
else { startDateTextBox.val(dateText);}
}},
onSelect: function (selectedDateTime){
var end = $(this).datetimepicker('getDate');
$('#date1').datetimepicker('option', 'maxDate', new Date(end.getTime()));
}
});
)}
</script> |
