RadDateTimePicker 更改为仅时间客户端

【问题标题】：RadDateTimePicker change to time only client sideRadDateTimePicker 更改为仅时间客户端
【发布时间】：2014-07-08 20:46:55
【问题描述】：

所以我的页面上有这个 DateTimePicker

< telerik:raddatetimepicker id="StartDateTimePicker" runat="server">
    < Calendar ID="StartCalendar" runat="server" EnableKeyboardNavigation="true" />
    < DateInput ID="DateInput1" ToolTip="Date input" runat="server" />
< /telerik:raddatetimepicker>

一切正常，但现在我需要能够切换它以仅显示客户端事件发生的时间。我仍想从服务器端获取日期/时间结果，但在客户端我只想显示为日期选择器。

我确实尝试在设计时将 DateInput 上的 DisplayDateFormat 设置为“h:mm tt”，但我只看到文本框中显示了时间，但我需要能够打开和关闭它，所以这不会工作。

【问题讨论】：

标签： telerik

【解决方案1】：

我想我已经弄清楚了。我发现我可以打电话了

var picker = $find("<%= StartDateTimePicker.ClientID %>");
picker.get_popupButton().style.display = "none";

隐藏日历按钮然后可以调用

var format = picker.get_dateInput();
format.set_displayDateFormat('h:mm tt');

将显示格式更改为仅显示时间。然后只需调用

format.set_value(format.get_value());

将文本框中的文本更新为新格式。

所有都可以通过调用切换回来

var picker = $find("<%= StartDateTimePicker.ClientID %>");
picker.get_popupButton().style.display = "";

var format = picker.get_dateInput();
format.set_displayDateFormat('M/d/yyyy h:mm tt');
format.set_value(format.get_value());

【讨论】：