[Solved] TimePicker cannot change dropdown list to 24hr

[Samir]

Hi,
The current TimePicker dropdown list show the time in AM and PM.
As I am using this TimePicker to show UTC time, then I need to the Time picker to show time in 24 hr and not AM/PM in its dropdown list, is that possible at this stage.

Thanks,
Samir.

[Richard]

Hi,
I am having the same problem here. This is also a problem in teh DateTimePicker.
I would like to have the dropdown list show the time values according to the formating specified:
When I set "HH:mm" for the time part formatting I would like to see a list starting with 00:00 up to 23:59 ....

Also globalization is not working correct in this part.

Thanks,
Richard

[Georgi Krustev]

Hello,

For the time being time format of the hours list can be changed with javascript only. Here is a code snippet showing this:

function TimePickerOnLoad(e) {
    $(this).data('tTimePicker').timeView.format = "HH:mm";
}

Format of the time part in the datetimepicker is set to the $.telerik.cultureInfo.shortTime value. If the page is globalized then the time should be set to the correct time format. In order to globalize page you need to call Globalization(true):

<% Html.Telerik().ScriptRegistrar().Globalization(true); %>

I have attached a simple test project which shows the aforementioned approached.

Regards,
Georgi Krustev
the Telerik team

[Richard]

Great thanks!,

this works also for the DateTimePicker.

Regards,
Richard

[Samir]

Excellent, thanks very much.

[Håvard]

the javascript doesn't seem to have any effect now on version 2012.1.214.340

the onload scripts are firing and firebug reports no javascript errors, but still AM/PM format is showed.

[Georgi Krustev]

Hello Håvard,

I have updated the test project to Q1 2012 SP version of Telerik Extensions for ASP.NET MVC and everything seems to be OK on my end. It is attached to this message. Check it and let me know if I am missing something. 

All the best,
Georgi Krustev
the Telerik team

[Håvard]

sorry, my issue wasn't related to the version after all, if I specify a default value in the control it seems to stop working. like this:

Html.Telerik().DateTimePicker()
        .Name("DateTimePicker")
	.Value(DateTime.Now).Format("yyyy/mm/dd HH:mm")
        .ClientEvents(events => events.OnLoad("DateTimePickerOnLoad"))

[Georgi Krustev]

Hi,

 
Yes, you are right. In that case, you will need to rebind the timeView:

function DateTimePickerOnLoad(e) {
        var dateTimePicker = $(this).data('tDateTimePicker');
        dateTimePicker.timeFormat = "HH:mm";
        dateTimePicker.timeView.format = "HH:mm";
        dateTimePicker.timeView.bind();
    }

Regards,
Georgi Krustev
the Telerik team