Posts tagged: Silverlight Time

Oct 14 2009

Silverlight TimeUpDown,TimePicker and TimePicker & RangeTimePickerPopup

TimeUpDown

TimeUpDown is a silverlight control. It uses textbox to allow user to input time and time changes by clicking up and down
spinners.

It allows you to write 1123 and it converts to 11:23 Or 8a and converts to 8:00 AM.

properties:

set “value” will display default time as you mentioned in TimeUpDown control i.e 11:00 AM

Culture” values can be set to specific cultures only, such as

en-GB for English/Great Britain,
en-US for English/United States.

set the TimeFormat used to format the string, as either Short, Long or custom

Format =”Long” looks like 8:59:30 AM
Format =”Short” looks like 11:00 AM
Format =”hh:mm” looks like 11:00

sample code

<Grid x:Name=”LayoutRoot” Background=”White” >

<inputToolkit:TimeUpDown Value =”11:00″ Width=”100″ Culture=”en-US” Format=”Long” >
</inputToolkit:TimeUpDown>

</Grid>

TimePickers

TimePicker is a Silverlight control that allows the user to pickup a time through a Popup.

MaxDropDownHeight is the property of TimePickers used to increase or decrease the height of the popup

<Grid x:Name=”LayoutRoot” Background=”White” >

<inputToolkit:TimePicker Culture=”it-IT” Format=”hh.mm” MaxDropDownHeight=”200″ Margin=”0,12,0,0″>

<Grid x:Name=”LayoutRoot” Background=”White” >

TimePicker & RangeTimePickerPopup

TimePicker is a Silverlight control that allows the user to pickup a time through a Popup.
RangeTimePickerPopup Represents a time picker popup that allows choosing time through 3 sliders: Hours, Minutes and seconds.

Sample code

<inputToolkit:TimePicker Culture=”it-IT” Format=”hh.mm” MaxDropDownHeight=”200″ Margin=”0,12,0,0″>

<inputToolkit:TimePicker.Popup>
<inputToolkit:RangeTimePickerPopup></inputToolkit:RangeTimePickerPopup>
</inputToolkit:TimePicker.Popup>

</inputToolkit:TimePicker>

Alibi3col theme by Themocracy