Return to the menu   Select another DES Module

Demonstrates the Current Date Label when showing multiple selections

The Current Date Label shows the current selected date. When there are multiple selections, you can show the lowest and highest date of the selection and the total count of dates.

All properties to customize it are found on the MultiSelectionCalendar.CurrentDateLabels property. They include:

  • ShowField - Activates and positions this field.
  • LabelWithNoSelection – The text shown when there are no dates selected.
  • LabelWithOneSelection – The text shown when there is one date selected. The token “{DATE}” is replaced by the first date, using DateFormat to determine the date format.When it is "", nothing is shown.
    It defaults to “{DATE}”.
  • LabelWithMultipleSelections – The text shown when there are multiple dates selected. It supports HTML.
    The token “{FIRSTDATE}” will be replaced by the first date.
    The token “{LASTDATE}” will be replaced by the last selected date.
    The token “{COUNT}” is replaced by the number of dates selected.
    It defaults to “{COUNT} selected”.
  • DateFormat - The token {DATE} uses this to format its date.
  • DateFormatWithMultipleSelections – When using the LabelWithMultipleSelections, the tokens "{FIRSTDATE}" and "{LASTDATE}" use this to format the date. It allows the date to be much shorter than the format supplied by DateFormat.

Controls

Select any dates

Previous Month
Next Month
April 2024 Select a Different Month
SunMonTueWedThuFriSat
31123456
78910111213
14151617181920
21222324252627
2829301234
567891011
No selection
Click on dates to toggle their selection.


Select only one week

Previous Month
Next Month
April 2024 Select a Different Month
SunMonTueWedThuFriSat
>31123456
>78910111213
>14151617181920
>21222324252627
>2829301234
>567891011
Click on dates to toggle their selection.

Source Code (C#)

<h2>Select any dates</h2>
<des:MultiSelectionCalendar ID="MultiSelectionCalendar1" runat="server">
   <CurrentDateLabels ShowField="RecommendedRow"  
      LabelWithMultipleSelections="{COUNT} selections in {FIRSTDATE} to {LASTDATE}" 
      DateFormatWithMultipleSelections="AbbreviatedNoYear" LabelWithNoSelection="No selection" />
</des:MultiSelectionCalendar>
<br/><br/>
<h2>Select only one week</h2>
<des:MultiSelectionCalendar runat="server" ID="MultiSelectionCalendar2" 
   SelectWeeks="true" SelectSingleDates="false" 
   UnselectOthersFirst="true" >
   <CurrentDateLabels LabelWithMultipleSelections="{FIRSTDATE} to {LASTDATE}" 
      DateFormatWithMultipleSelections=Abbreviated ShowField=FooterRow1 />
</des:MultiSelectionCalendar>

Return to the menu   Select another DES Module


Copyright © 2012, Peter L. Blum. All Rights Reserved Product Information Download the Trial Version Have a question? Email Peter