Error en Calendar Angularjs Ando por acá lidiando con Angularjs y un calendario que debo implementar.
Seguí este ejemplo http://angular-ui.github.io/ui-calendar/
Pero obtengo este error:
https://dl.dropboxusercontent.com/u/...20calendar.png
Estuve revisando ese plugin quantumui-nojq.min.js el cual llama a quantumui.min.js. Pero veo todo en orden.
¿Será que me falta alguna biblioteca?
¿Será algún conflicto?
¿Tendrá algo que ver con el orden en el que cargan las cosas?
Agradezco sus consejos y aportes
Este es mi index (Disculpen el poco de desorden, pues estoy utilizando un plantilla que venía con algunos jquery y estoy trabajando con angularjs) :
Código PHP:
<!DOCTYPE html>
<html lang="es" ng-app="netservice" >
<!-- Comentario hecho por stivenson-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>NetService | </title>
<!-- Bootstrap core CSS -->
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styling plus plugins -->
<link href="css/custom.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/maps/jquery-jvectormap-2.0.1.css" />
<link href="css/icheck/flat/green.css" rel="stylesheet" />
<link href="css/floatexamples.css" rel="stylesheet" type="text/css" />
<!-- Angular Integrations -->
<link href="../css/ngProgress.css" rel="stylesheet">
<!-- Progress Bar -->
<link href="../css/pace-theme.css" rel="stylesheet">
<link href="../bower_components/quantumui/dist/css/addon/effect-light.min.css" rel="stylesheet" >
<link href="../bower_components/quantumui/dist/css/quantumui.min.css" rel="stylesheet">
<link href="../bower_components/fullcalendar/dist/fullcalendar.css" rel="stylesheet"/>
<script src="js/jquery.min.js"></script>
<script>
document.onkeydown = function (e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla == 116) {
console.log('Not F5');
return false;
}
}
</script>
<script type="text/javascript" src="../bower_components/angular/angular.js" ></script>
<script type="text/javascript" src="../js/ui-bootstrap-tpls-0.12.1.js" ></script>
<!--<script src="js/nprogress.js"></script>-->
<!--<script>
NProgress.start();
</script>-->
<!--[if lt IE 9]>
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
<![endif]-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body ng-init="loginStatus = false" ng-class="loginStatus ? 'fontlogin' : 'nav-md'" >
<div ng-view></div>
// Algunos jquerys por acá
// Scripts
<!-- Mirar si se puede usar ng-if en vez de ng-show -->
<!-- <script src="js/bootstrap.min.js"></script>-->
<!-- gauge js -->
<!--<script type="text/javascript" src="js/gauge/gauge.min.js"></script>
<script type="text/javascript" src="js/gauge/gauge_demo.js"></script>-->
<!-- chart js -->
<script src="js/chartjs/chart.min.js"></script>
<!-- bootstrap progress js -->
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
<!-- icheck -->
<script src="js/icheck/icheck.min.js"></script>
<!-- daterangepicker -->
<!--<script type="text/javascript" src="js/moment.min.js"></script>-->
<script type="text/javascript" src="../bower_components/moment/min/moment.min.js"></script>
<script type="text/javascript" src="js/datepicker/daterangepicker.js"></script>
<!--<script src="js/custom.js"></script>-->
<!-- flot js -->
<!--[if lte IE 8]><script type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
<script type = "text/javascript" src = "js/flot/jquery.flot.js" ></script>
<script type="text/javascript" src="js/flot/jquery.flot.pie.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.orderBars.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.time.min.js"></script>
<script type="text/javascript" src="js/flot/date.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.spline.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.stack.js"></script>
<script type="text/javascript" src="js/flot/curvedLines.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.resize.js"></script>
<script src="../bower_components/quantumui/dist/js/quantumui-nojq.min.js"></script>
<script src="../bower_components/angular-sanitize/angular-sanitize.min.js"></script>
<script src="../bower_components/angular-animate/angular-animate.min.js"></script>
<script src="../bower_components/angular-jwt/dist/angular-jwt.min.js"></script>
<!--<script src="../bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>-->
<!--<script src="../barcode/barcodeGenerator/barcodeGenerator.js"></script>-->
<script src="../bower_components/angular-route/angular-route.js"
type="text/javascript" ></script>
<script type="text/javascript"
src="../bower_components/angular-resource/angular-resource.js" >
</script>
<script type="text/javascript" src="../js/app.js" >
</script>
<script type="text/javascript" src="../js/routes.js" >
</script>
<script type="text/javascript" src="../js/controllers/marks.js" >
</script>
<script type="text/javascript" src="../js/factories/marks.js" >
</script>
<script type="text/javascript" src="../js/controllers/clients.js" >
</script>
<script type="text/javascript" src="../js/factories/clients.js" >
</script>
<script type="text/javascript" src="../js/controllers/business.js" >
</script>
<script type="text/javascript" src="../js/factories/business.js" >
</script>
<script type="text/javascript" src="../js/factories/peoples.js" >
</script>
<script type="text/javascript" src="../js/factories/clienttypes.js" >
</script>
<script type="text/javascript" src="../js/controllers/fallures.js" >
</script>
<script type="text/javascript" src="../js/factories/fallures.js" >
</script>
<script type="text/javascript" src="../js/controllers/equipments.js" >
</script>
<script type="text/javascript" src="../js/factories/equipments.js" >
</script>
<script type="text/javascript" src="../js/controllers/hardwaresubtypes.js" >
</script>
<script type="text/javascript" src="../js/factories/hardwaresubtypes.js" >
</script>
<script type="text/javascript" src="../js/controllers/hardwaretypes.js" >
</script>
<script type="text/javascript" src="../js/factories/hardwaretypes.js" >
</script>
<script type="text/javascript" src="../js/factories/classequipments.js" >
</script>
<script type="text/javascript" src="../js/controllers/sessions.js" >
</script>
<script type="text/javascript" src="../js/factories/sessions.js" >
</script>
<script type="text/javascript" src="../js/services/domain.js" >
</script>
<script type="text/javascript" src="../js/controllers/init.js" >
</script>
<script type="text/javascript" src="../js/controllers/agenda.js" >
</script>
<script type="text/javascript" src="../js/ngProgress.js" >
</script>
<script type="text/javascript" src="../js/pace.min.js" >
</script>
<script type="text/javascript" src="../js/filters.js" >
</script>
<script type="text/javascript" src="../js/directives.js" >
</script>
<!-- Calendar -->
<script type = "text/javascript" src = "../bower_components/angular-ui-calendar/src/calendar.js" ></script>
<script type="text/javascript" src="../bower_components/fullcalendar/dist/fullcalendar.min.js"></script>
<script type="text/javascript" src="../bower_components/fullcalendar/dist/gcal.js"></script>
<script src="js/input_mask/jquery.inputmask.js"></script>
</body>
</html>
