feat: Working on implementing calendar. Javascript work left
This commit is contained in:
parent
c914649a8b
commit
f282b39d57
2 changed files with 71 additions and 17 deletions
37
Views/LawnCareEvents/Calendar.cshtml
Normal file
37
Views/LawnCareEvents/Calendar.cshtml
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
@{
|
||||
ViewData["Title"] = "Lawn Care Calendar";
|
||||
}
|
||||
|
||||
<h1>@ViewData["Title"]</h1>
|
||||
|
||||
<div class="calendar-container">
|
||||
<div class="calendar-header">
|
||||
<button id="prevMonth" class="btn btn-secondary">< Prev</button>
|
||||
<h2 id="currentMonthYear"></h2>
|
||||
<button id="nextMonth" class="btn btn-secondary">Next ></button>
|
||||
</div>
|
||||
<div class="calendar-grid">
|
||||
<div class="day-name">Sun</div>
|
||||
<div class="day-name">Mon</div>
|
||||
<div class="day-name">Tue</div>
|
||||
<div class="day-name">Wed</div>
|
||||
<div class="day-name">Thu</div>
|
||||
<div class="day-name">Fri</div>
|
||||
<div class="day-name">Sat</div>
|
||||
</div>
|
||||
<div id="calendarDays" class="calendar-grid">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
<script src="~/lib/jquery/dist/jquery.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
// TODO ADD CALENDAR JAVASCRIPT
|
||||
</script>
|
||||
}
|
||||
|
||||
@section Styles {
|
||||
<!-- NEW: Link to your external calendar.css file -->
|
||||
<link href="~/css/calendar.css" rel="stylesheet" asp-append-version="true" />
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue