Return to the menu   Select another DES Module

Demonstrates formats of the Current Date Label field.

The Current Date Label shows the selected date as a label. It appears in the calendar's footer. It is not shown by default.

The CurrentDateLabel property hosts settings for this field.
To show the label, use the CurrentDateLabel.ShowField property and specify which row it should appear in the footer.
To change its appearance, use the CurrentDateLabel.DateFormat property.


Controls

DateFormat=Abbreviated

Previous Month
Next Month
June 2024
SunMonTueWedThuFriSat
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456
Fri, Jun 21, 2024


DateFormat=AbbreviatedNoYear

Previous Month
Next Month
June 2024
SunMonTueWedThuFriSat
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456
Jun 21


DateFormat=Long

Previous Month
Next Month
June 2024
SunMonTueWedThuFriSat
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456
Friday, June 21, 2024


DateFormat=LongNoYear

Previous Month
Next Month
June 2024
SunMonTueWedThuFriSat
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456
June 21


DateFormat=Short

Previous Month
Next Month
June 2024
SunMonTueWedThuFriSat
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456
6/21/2024


DateFormat=ShortNoYear


Source Code (C#)

<script runat="server">
protected void Page_Load(object sender, EventArgs e) { Calendar1.SelectedDate = DateTime.Today; Calendar2.SelectedDate = DateTime.Today; Calendar3.SelectedDate = DateTime.Today; Calendar4.SelectedDate = DateTime.Today; Calendar5.SelectedDate = DateTime.Today; Calendar6.SelectedDate = DateTime.Today; }
</script> <h2>DateFormat=Abbreviated</h2> <des:Calendar ID="Calendar1" runat="server"> <CurrentDateLabel ShowField="RecommendedRow" DateFormat="Abbreviated" /> </des:Calendar> <br/><br/> <h2>DateFormat=AbbreviatedNoYear</h2> <des:Calendar ID="Calendar2" runat="server"> <CurrentDateLabel ShowField="RecommendedRow" DateFormat="AbbreviatedNoYear" /> </des:Calendar> <br/><br/> <h2>DateFormat=Long</h2> <des:Calendar ID="Calendar3" runat="server"> <CurrentDateLabel ShowField="RecommendedRow" DateFormat="Long" /> </des:Calendar> <br/><br/> <h2>DateFormat=LongNoYear</h2> <des:Calendar ID="Calendar4" runat="server"> <CurrentDateLabel ShowField="RecommendedRow" DateFormat="LongNoYear" /> </des:Calendar> <br/><br/> <h2>DateFormat=Short</h2> <des:Calendar ID="Calendar5" runat="server"> <CurrentDateLabel ShowField="RecommendedRow" DateFormat="Short" /> </des:Calendar> <br/><br/> <h2>DateFormat=ShortNoYear</h2> <des:Calendar ID="Calendar6" runat="server"> <CurrentDateLabel ShowField="RecommendedRow" DateFormat="ShortNoYear" /> </des:Calendar>

Return to the menu   Select another DES Module