This is a migrated thread and some comments may be shown as answers.

Timepicker 00:00-24:00

11 Answers 872 Views

Calendar

This is a migrated thread and some comments may be shown as answers.

11 Answers, 1 is accepted

answered on 08 Jul 2008, 11:01 AM

Hi Corey Alguire,

The following code example demonstrates how to achieve your goal:

    
            <%@ Page Language="C#" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
                <script runat="server"> 
        
                    protected void Page_Load(object sender, EventArgs e) 
        
                    { 
        
                        RadTimePicker1.TimeView.StartTime = new TimeSpan(0, 0, 0, 0); 
        
                        RadTimePicker1.TimeView.EndTime = new TimeSpan(1, 0, 0, 1); 
        
                    }     
        
                </script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                    <div> 
        
                        <telerik:RadTimePicker ID="RadTimePicker1" runat="server"> 
        
                            <TimeView TimeFormat="HH:mm:ss"></TimeView> 
        
                        </telerik:RadTimePicker> 
        
                    </div> 
        
                </form> 
        
            </body> 
        
            </html>

Best wishes,
Plamen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 25 Nov 2009, 12:58 PM

Hello Casey,

Since you want to add a date information to the selected time, the more reasonable option is to use a RadDateTimePicker.

Alternatively, you can use the following approach. The important thing is to set a DateFormat for the DateInput control, which contains the date information. Otherwise the date information coming from the TimeView will be stripped and today's date will be applied in the end.

<%@ Page Language="C#" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<script runat="server">

protected void Page_Load(object sender, EventArgs e)

{

DateTime[] dtArray = new DateTime[25];

DateTime startTime = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 0, 0, 0);

for (int hours = 0; hours < 25; hours++)

dtArray[hours] = startTime.AddHours(hours);

RadTimePicker1.TimeView.DataList.DataSource = dtArray;

}

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title>Untitled Page</title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadTimePicker ID="RadTimePicker1" runat="server" Width="200px">

<TimeView TimeFormat="HH:mm" />

<DateInput DateFormat="yyyy/MM/dd HH:mm:ss" />

</telerik:RadTimePicker>

</form>

</body>

</html>

All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 27 Nov 2009, 12:14 PM

Hi Dimo,

In my question I mistakenly put Date Input when I really meant Time Input. My question goes along the same lines as Mats question though. Since he has a requirement to allow 00:00 through 24:00 (which is really 00:00 next day) to be entered into the Time Input, but the validator on the TimePicker control doesn't allow this, would it be possible to somehow cancel the validaton or force the validation to be ok? Or would it be possible in the TextChanged event of the TimeInput to implement logic to reset the time to 00:00 and change some flag that indicates whether or not 24:00 was entered?

Casey

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Timepicker 00:00-24:00

11 Answers, 1 is accepted