📄 view-calendar.ascx
字号:
<%@ Control %>
<style type="text/css">
#calendar {
top : 10px;
position : absolute;
width : 220px;
left : 10px;
padding-bottom : 10px;
border-top : none;
font-size : 0.85em;
}
#dayView {
top : 10px;
margin-left: 250px;
margin-right: 20px;
border : 1px solid #FA0;
}
#dayView h2 {
font-size : 1.2em;
}
#day h3 {
font-size: 1.2em;
background-color : lightblue;
}
#day dayOfWeek {
font-size: 1.0em;
position : relative;
}
#day event {
font-size: 1.0em;
position : absolute;
}
</style>
<div id="calendar">
<asp:Calendar id="Calendar1" runat="server" Cssclass="tableBorder" DayNameFormat="FirstLetter"
ShowGridLines="True" SelectionMode="DayWeek" NextMonthText="&#187;" PrevMonthText="&#171;"
Borderwidth="1px" width="220px" Height="200px" Font-Size="8pt" Font-Names="Verdana">
<TodayDayStyle ForeColor="White" BackColor="#FFCC66"></TodayDayStyle>
<SelectorStyle Cssclass="column"></SelectorStyle>
<NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC"></NextPrevStyle>
<DayHeaderStyle Height="1px" BackColor="#FFCC66"></DayHeaderStyle>
<SelectedDayStyle Font-Bold="True" BackColor="#CCCCFF"></SelectedDayStyle>
<TitleStyle Cssclass="column"></TitleStyle>
<OtherMonthDayStyle ForeColor="#CC9966"></OtherMonthDayStyle>
</asp:Calendar>
</div>
<div id="dayView">
<h2>January</hd>
<div>Previous Week | Next Week</div>
<div id="day">
<div id="dayOfWeek">Sunday</div>
<div id="event">Add New Event</div>
<h3>4</h3>
[blank]
</div>
</div>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -