question

rashmithar-4272 avatar image
0 Votes"
rashmithar-4272 asked tinywang-msft commented

Angular Calendar for selected dates

Hello, I want to design a table which contains days aof week, Iam pushing dates from angular js using below code243502-angular.png, Now designed using ng-repeat 243477-html.png

Now it is showing output as proper dates from given range of dates as below243541-calendar.png

But the problem is i want that in each row contains 7 number, after sunday it should repeat in next colum and if i click on sunday checkbox then all dates with sunday should be checked and so on. please suggest me a solution to succeed this. thank you in advance


dotnet-aspnet-core-mvc
angular.png (11.4 KiB)
html.png (10.8 KiB)
calendar.png (10.2 KiB)
· 1
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Your requirement seems to need to modify the style or re-design the data format in Angular code and is not related to asp.net core.

0 Votes 0 ·

1 Answer

Bruce-SqlWork avatar image
0 Votes"
Bruce-SqlWork answered

you should redesign the calendar dates to be a list weeks where each week is a list of days.

then you can do <tr> repeat and in the <tr> repeat do a <td> repeat.

5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.