DatePicket angularjs + momentjs
HTML
<script src="https://raw.github.com/timrwood/moment/2.0.0/min/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<div ng-app="miniapp">
<div ng-controller="Ctrl">
<div>
<h4 class="month"><a ng-click="prevMonth()">prev</a> {{month}} <a ng-click="nextMonth()">suiv</a></h4>
<h4 class="month">
<div class="week">
<div class="day">Lun</div><div class="day">Mar</div><div class="day">Mer</div><div class="day">Jeu</div><div class="day">Ven</div><div class="day">Sam</div><div class="day">Dim</div>
</div>
<div class="week" ng-repeat="week in calendar">
<div class="day isSameMonth-{{day.isSameMonth}} isToday-{{day.isToday}}"
ng-repeat="day in week"
ng-click="selectDay(day)">{{day.moment | moment}}</div>
</div>
</h4>
</div>
</div>
</div>
CSS
.week {
}
.month {
text-align: center;
}
.day {
cursor: pointer;
text-align: center;
border: 1px solid #fff;
display: inline-block;
width: 30px;
padding: 1%;
background-color: red;
}
.day.isSameMonth-true {
background-color: grey;
}
.day.isToday-true {
background-color: green;
}
JavaScript
var monthsDict = {};
angular.forEach(records, function(record) {
var month = moment(record.date).format('YYYY-MM');
monthsDict[month] = monthsDict[month] || [];
monthsDict[month].push(record);
console.log(monthsDict)
});