내 AngularUI calendar
작업은 CSS 스타일로 데이터를 추가하는 것Calendar cells
입니다.
나는 그것에 대해 전혀 모른다 AngularJS
.
제발 도와주세요.
감사.
내 각도 코드
$scope.uiConfig = {
calendar: {
height: 500,
editable: true,
header: {
left: '',
center: 'title',
right: 'prev next'
},
defaultView: 'month'
}
};
dayRender 함수로 이런 종류의 노력을 시도하십시오 . cell.html을 사용하여 캘린더에 html 요소를 추가 할 수 있습니다.
내 대답으로 모든 셀이 동일한 스타일과 다른 HTML 요소로 채워진 다음 백엔드 배열로 사용자 정의 할 수 있습니다.
이 시도
$scope.uiConfig = {
calendar: {
height: 500,
editable: true,
header: {
left: '',
center: 'title',
right: 'prev next'
},
defaultView: 'month',
dayRender: function (date, cell) {
$r = $scope.getDateInfo(date);
if($r){
cell.css("background-color", "#e6f7ff");
}
cell.html('<b>'+$r.amount+'</b>');
}
}
};
$scope.getDateInfo = function(date){
return {
amount : 50000
}
}
HTML 요소에 인라인 스타일 또는 클래스를 추가 할 수 있습니다.
여기서는 다른 기능을 사용했는데, 제 코드를 참고 하시고 더 이상은 코멘트를 남겨주세요.
건배!!
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다