Hi,
I used RadTimeSpanPicker, but I got a situation where I also needed a date.
So I want to use RadDateTimePicker as in the picture,
But with the RadTimeSpanPicker clock and not with the clock that RadDateTimePicker has.
I would be happy to help if this can be done and how
Thank you.
I use RadDateTimePicker in GanttView like the example "GanttView ", but the theme not work.
My themes is windows8, but not work in RadDateTimePicker .
my xaml is:
<telerik:RadGanttView x:Name="ganttview" TasksSource="{Binding Tasks}" BorderBrush="#FFD6D4D4"
BorderThickness="1 0 1 1" SelectedItem="{Binding SelectedItem, Mode=TwoWay}"
VisibleRange="{Binding VisibleRange}" HighlightedItemsSource="{Binding HighlightedItems}" Grid.Row="1"
Margin="0 6 0 0"
PixelLength="{Binding PixelLenght, Mode=TwoWay}">
<telerik:RadGanttView.Columns>
<telerik:TreeColumnDefinition Header="Title" MemberBinding="{Binding Title}" Width="240">
<telerik:TreeColumnDefinition.CellEditTemplate>
<DataTemplate>
<TextBox Text="{Binding Title, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" telerik:TouchManager.TouchMode="None" />
</DataTemplate>
</telerik:TreeColumnDefinition.CellEditTemplate>
</telerik:TreeColumnDefinition>
<telerik:ColumnDefinition MemberBinding="{Binding Start}" Header="Start" Width="120">
<telerik:ColumnDefinition.CellEditTemplate>
<DataTemplate>
<telerik:RadDateTimePicker SelectedValue="{Binding Start, Mode=TwoWay}" />
</DataTemplate>
</telerik:ColumnDefinition.CellEditTemplate>
</telerik:ColumnDefinition>
<telerik:ColumnDefinition MemberBinding="{Binding End}" Header="End" Width="120">
<telerik:ColumnDefinition.CellEditTemplate>
<DataTemplate>
<telerik:RadDateTimePicker SelectedValue="{Binding End, Mode=TwoWay}" />
</DataTemplate>
</telerik:ColumnDefinition.CellEditTemplate>
</telerik:ColumnDefinition>
<telerik:ColumnDefinition MemberBinding="{Binding Progress}" Header="Progress" Width="AutoHeaderAndContent">
<telerik:ColumnDefinition.CellEditTemplate>
<DataTemplate>
<telerik:RadNumericUpDown Value="{Binding Progress, Mode=TwoWay}" CustomUnit="%" Minimum="0"
Maximum="100" telerik:TouchManager.TouchMode="None" />
</DataTemplate>
</telerik:ColumnDefinition.CellEditTemplate>
</telerik:ColumnDefinition>
<telerik:ColumnDefinition MemberBinding="{Binding IsMilestone}" Header="IsMilestone" Width="100" />
</telerik:RadGanttView.Columns>
</telerik:RadGanttView>
Thanks for your help
I need the time interval to be 1 minute. This makes the dropdown unusable. How can I disable or just remove the dropdown completely so it works like the old WinForms time picker? I saw this:
https://www.telerik.com/forums/how-to-remove-the-drop-down-button
but it's pretty old and I don't really want to mess with Expression Blend (if it even still exists?). I would also need the cursor keys and mouse wheel to increment/decrement the current value.
Or is it better to just try make the NumericUpDown work like a TimePicker?
Hi
In the Rad Time Picker control, using the Windows 7 theme, the time entries in the picker popup is WHITE in color.
Can you please suggest as to how one can change the color to Black.
I tried using the foreground attribute, it didnot work.
<
telerik:RadTimePicker MinWidth="200" telerik:StyleManager.Theme="Windows7Theme" Foreground="Black" Tag="EndTime" Width="200" Grid.Row="4" Grid.Column="4" SelectedTime="{Binding Path=EndTime, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}"/>
Can you please suggest how one can achieve this.
Thanks and Regards
Abhinav
Hello,
it seems the radtimepicker is always using the US Date format. Why is it not using the the host machine localisation ? The problem is now I can not easily convert to date time (even though only the time portion is relevant ) . Please see attached screen shot. Here in South Africa our machines are set to DD/M/YYYY plus time but the timepicker is return the full date in us format M/DD/YYYY plus time.
A pair of RadTimePickers I have for selecting the beginning and end of a shift are displaying the timeview incorrectly after being enabled and having the starttime and endtime values set. They both show every slot from 12AM to 11:45PM, but starting with 12AM selecting a slot displays the value that SHOULD be seen, 8:30AM in this case, and continues for each subsequent slot in the same manner until the endtime slot, whose correct value is 5:15PM at the 8:45AM slot on the selection view. When the binding event is called a second time, the timeviews for both RTPs are correctly shown, going from 8:30AM to 5:15PM. HTML markup of the RTPs in question as follows, as well as the code-behind for the binding event.
//HTML//
<
telerik:RadTimePicker
ID
=
"tpStartTime"
runat
=
"server"
EnableTyping
=
"false"
TimeView-Columns
=
"4"
TimeView-Interval
=
"00:15:00"
Enabled
=
"false"
></
telerik:RadTimePicker
>
<
telerik:RadTimePicker
ID
=
"tpEndTime"
runat
=
"server"
EnableTyping
=
"false"
TimeView-Columns
=
"4"
TimeView-Interval
=
"00:15:00"
Enabled
=
"false"
></
telerik:RadTimePicker
>
//C#//
protected void dpOriginalDate_SelectedDateChanged(object sender, Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs e)
{
DateTime[] shift = getShift((DateTime)dpOriginalDate.SelectedDate);
tpStartTime.Enabled = tpEndTime.Enabled = true;
tpStartTime.TimeView.StartTime = shift[0].TimeOfDay;
tpStartTime.TimeView.EndTime = shift[1].TimeOfDay;
tpEndTime.TimeView.StartTime = shift[0].AddMinutes(15).TimeOfDay;
tpEndTime.TimeView.EndTime = shift[1].AddMinutes(15).TimeOfDay;
}
Page_Load contains Page.DataBind(); which appears to be the cause. Do I have to do without it or is there a workaround?
Hi,
I want to hide some times in the TimePicker without loosing the position of the displayed times.
Currently, when I set the StartTime and the EndTime, the removed times are "collapsed" in the component.
Instead of "collapsed", I want to hide the removed times.
See screenshots.
How can I modify the TimePicker style for my need?
Hello,
How can I format RadTimePicket time from XAML? I want to get MM:SS, is that possible?
​
Thanks!