Jquery Datum weiterführen
Ausgangspunkt ist eine Woche. Wenn man jetzt Montag ein Datum auswählt soll es für die restlichen Tage automisch gesetzt werden. Wie könnte man dies bewerkstelligen?
Immoment sehen die Felder der Woche so aus:
Javascript-Quelltext
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
$("#dateMo" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 1 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateDi" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 2 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateMi" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 3 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateDo" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 4 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateFr" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 5 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateSa" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 6 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateSo" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 0 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
Javascript-Quelltext
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
$("#dateMo" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 1 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateDi" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 2 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateMi" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 3 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateDo" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 4 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateFr" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 5 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateSa" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 6 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
$("#dateSo" ).datepicker({
dateFormat: 'dd.mm.yy' ,
dayNamesMin: ['So' , 'Mo' , 'Di' , 'Mi' , 'Do' , 'Fr' , 'Sa' ],
monthNames: ['Januar' ,'Februar' ,'März' ,'April' ,'Mai' ,'Juni' ,'Juli' ,'August' ,'September' ,'Oktober' ,'November' ,'Dezember' ],
beforeShowDay: function date ){
if (date .getDay()= = 0 ){
return [true ,"" ];
} else {
return [false ,"" ];
}
}
});
Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.
1)
statt monthNames und dayNames zu setzen würde ich
$.datepicker.setDefaults( $.datepicker.regional[ "de" ] );
setzen.
2)
Wenn man jetzt Montag ein Datum auswählt soll es für die restlichen Tage automisch gesetzt werden
was meinst du damit?
Ich habe 7 Felder:
Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.
ja dann musst du zu dem datum ein tag dazu rechnen und diesen formatiert in dein input feld eintragen
Also das er das Datum jetzt auf die anderen Felder überträgt hab ich hinbekommen aber ein Tag dazuzuzählen net
Javascript-Quelltext
1
2
3
onClose: function "#dateDi" ).val(dateText);
}
Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.
73%
22%
19%
11%
6%
Spoiler
Zitat
Wenn man jetzt Montag ein Datum auswählt soll es für die restlichen Tage automisch gesetzt werden
(X)HTML & CSS & DHTML & Javascript »
Was meckert Firebug da?
(12. Dezember 2011, 20:51)