javascript - Using wijmo event calender with angularjs -
hell, i'm trying use wijmo event calender angularjs liabry, appointments binding isn't working correctly. html:
<html> <head> <title>control tests</title> <script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.min.js" type="text/javascript"></script> <link href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css" rel="stylesheet" title="metro-jqueryui" type="text/css" /> <link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.7.min.css" rel="stylesheet" type="text/css" /> <script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20131.7.min.js" type="text/javascript"></script> <script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.7.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://cdn.wijmo.com/external/globalize.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script> <script src="http://cdn.wijmo.com/external/angular.wijmo.js" type="text/javascript"></script> <script src="../../scripts/controller/maincontroller.js" type="text/javascript"></script> </head> <body> <script> $(document).ready(function () { $(".wijevcal").wijevcal(); }); </script> <div ng-app ng-controller="maincontroller"> <div class="wijevcal" appointments="{{calappointments}}"></div> </div> </body> </html>
and source of controller:
function maincontroller($scope) { $scope.calappointments = [{ start: new date(2013, 5, 23, 15, 30) }]; }
can tell me, why start date isn't applied calendar?
yes, need add wijmo module in order use custom directives provided wijmo.
Comments
Post a Comment