datepicker naar p met class
Edit:
Heb het al opgelost met deze code :
Heb het al opgelost met deze code :
Code (php)
1
2
3
4
5
2
3
4
5
$('.from_to_date').click(function () {
var from = $("#from").val();
var to = $("#to").val();
$(".from_to_date").text(from+" - "+to);
});
var from = $("#from").val();
var to = $("#to").val();
$(".from_to_date").text(from+" - "+to);
});
Hallo iedereen,
Ik ben bezig met een project en daar heb ik op een pagina 2 datepickers nodig die de datums naar een een class met sturen als de datum is geselecteerd.
Nu krijg ik het niet voor elkaar en hoop dat iemand mij kan helpen.
hier de code :
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
25
26
27
28
29
30
31
32
33
34
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
<script>
$(function() {
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onClose: function( selectedDate ) {
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
altField: '.from_to_date',
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>
/** HTML **/
<p><strong>Datum</strong> :
<span style="float:right;">Edit</span>
<label for="from">From</label>
<input class="dates" id="from" name="from" type="text">
<label for="to">to</label>
<input class="dates" id="to" name="to" type="text">
</p>
<p class="from_to_date"contenteditable="true" id="taglist" style="float:none;"></p>
$(function() {
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onClose: function( selectedDate ) {
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
altField: '.from_to_date',
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>
/** HTML **/
<p><strong>Datum</strong> :
<span style="float:right;">Edit</span>
<label for="from">From</label>
<input class="dates" id="from" name="from" type="text">
<label for="to">to</label>
<input class="dates" id="to" name="to" type="text">
</p>
<p class="from_to_date"contenteditable="true" id="taglist" style="float:none;"></p>
Gewijzigd op 20/06/2014 18:17:50 door Wouter Van Marrum
Er zijn nog geen reacties op dit bericht.