Calendar in pure angularJS -



Calendar in pure angularJS -

i don't want utilize ui-calendar/full calendar in project, want create calendar in pure angularjs. trying this, got confused in between. i'm pasting code have done. please tell me how right it.

js is:

app.controller('calendarctrl', function ($scope) { $scope.weekday = [ 'sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday' ]; $scope.montha = [ 'january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december' ]; $scope.mdays = [ 31,28,31,30,31,30,31,31,30,31,30,31 ]; var today = new date(); $scope.date = today.getdate(); $scope.month = today.getmonth(); $scope.dow = today.getday(); var year = today.getyear(); $scope.year = year; $scope.day = 1; var i, j; if (year < 2000) { year += 1900; } $scope.year = year; if ((year % 400 == 0) || ((year % 4 == 0) && (year % 100 !=0))) mdays[1] = 29; var mfirst = today; mfirst.setdate(1); var dow1 = mfirst.getday(); console.log($scope.weekday[dow1]); });

and view is:

<div class="row"> <div class="col-md-1">sun</div> <div class="col-md-1">mon</div> <div class="col-md-1">tue</div> <div class="col-md-1">wed</div> <div class="col-md-1">thu</div> <div class="col-md-1">fri</div> <div class="col-md-1">sat</div> </div> <div class="row" ng-repeat="i in [] | range:6"> <div class="col-md-1" ng-repeat="j in [] | range:7"> <div ng-if="(i == 0 && j < dow1) || (day > mdays[month])"> &nbsp; </div> <div ng-if="!((i == 0 && j < dow1) || (day > mdays[month]))"> {{day}} </div> </div>

i know above code creating div within div, not right way. how do it? please help!

we came across , integrating now. https://github.com/twinssbc/angularjs-responsivecalendar

this looks promising wants pure angularjs

angularjs calendar

Comments

Post a Comment

Popular posts from this blog

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

html - Submenu setup with jquery and effect 'fold' -

html - Submenu setup with jquery and effect 'fold' - i want open submenu jquery effect fold, problem if user "hover effect" fast menu remain open, how can avoid this, jquery code is: $('ul.mainmenu li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $(this).children('ul').hide('fold', 500); } ); my jsfiddle link is: http://jsfiddle.net/9wkbf/ updated fiddle the reason behind problem is, first event $(this).children('ul').show('fold', 570); queued , until completes, sec animation not start. the next snippet can workaround $('ul.mainmenu > li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $('ul:not(.mainmenu)').hide('fold', 500); } ); *important note : work current scenario. jquery html css
Read more