calendario web dinámico como aprender a programarlo
Publicado por carmen (17 intervenciones) el 11/04/2016 17:21:52
buenos días que pena volver a preguntar tengo una inquietud tengo un formulario y un calendario grande donde quiero que al momento de ingresar datos a mysql de fechas importante como hago que por medio de ajax me lo muestre en el día correspondiente
dejo mi código
asi es mi calendario de ante mano gracias
dejo mi código
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
<div class="codrops-top clearfix">
</div><!--/ Codrops top bar -->
<div class="custom-calendar-wrap custom-calendar-full">
<div class="custom-header clearfix">
<h2>Calendario
</h2>
<h3 class="custom-month-year">
<span id="custom-month" class="custom-month"></span>
<span id="custom-year" class="custom-year"></span>
<nav>
<span id="custom-prev" class="custom-prev"></span>
<span id="custom-next" class="custom-next"></span>
<span id="custom-current" class="custom-current" title="Go to current date"></span>
</nav>
</h3>
</div>
<br>
<br>
<div id="calendar" class="fc-calendar-container"></div>
</div>
</div><!-- /container -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.calendario.js"></script>
<script type="text/javascript" src="js/data.js"></script>
<script type="text/javascript">
$(function() {
var cal = $( '#calendar' ).calendario( {
onDayClick : function(codropsEvents) {
for( var key in dateProperties ) {
console.log( key + ' = ' + dateProperties[ key ] );
}},
} ),
$month = $( '#custom-month' ).html( cal.getMonthName() ),
$year = $( '#custom-year' ).html( cal.getYear() );
$( '#custom-next' ).on( 'click', function() {
cal.gotoNextMonth( updateMonthYear );
} );
$( '#custom-prev' ).on( 'click', function() {
cal.gotoPreviousMonth( updateMonthYear );
} );
$( '#custom-current' ).on( 'click', function() {
cal.gotoNow( updateMonthYear );
} );
function updateMonthYear() {
$month.html( cal.getMonthName() );
$year.html( cal.getYear() );
}asi es mi calendario de ante mano gracias
Valora esta pregunta
0