Rendre les dates d'un calendrier en lien
Bonsoir,
Pour une organisation plus correct de mon application, j'ai créé un fichier script.js qui regroupe entièrement mes scripts JavaScript. Mes actuellement je suis un peu déboussolé à utiliser ces blocs de code. Par exemple, voici le contenu du fichier script.js
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
| var myApp = angular.module('MyApp', ['ui.calendar']);
myApp.controller('CalCtrl', function($scope){
$scope.uiConfig = {
calendar:{
height: 498,
editable: true,
header:{
left: 'title',
//center: 'month agendaWeek agendaDay',
right: 'today prev,next'
}
}
};
$scope.dateLink = {
dayClick: function(date, allDay, jsEvent, view) {
alert(date.format());
}
};
$scope.eventSources = [[{title: 'Sample event', start: new Date()}]]
}); |
et dans mon code principal, je fais ceci:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
|
............................
<script src="js/script.js"></script>
.
.
.
<body ng-app="MyApp">
<dir><p align="center"><label for="title_action"> Action juridique </label>
<input type="text" name="log_juriste" value=""/></p></dir>
<div ng-controller="CalCtrl">
<div ui-calendar="uiConfig.calendar" class="calendar" ng-model="eventSources"></div>
<p></p>
</div>
</body> |
Ma difficulté est d'utiliser $scope.dateLink du fichier script.js dans code. Il est possible de mettre le contenu du fichier script directement dans le code, mais je voudrais une meilleur lisibilité.
Merci à tous.