使用JQuery隐藏RadTimePicker

时间:2014-05-05 16:11:00

标签: jquery telerik

我是Telerik控件的新手。我有使用开始时间和结束时间UI控件。我需要隐藏开始时间结束时间:选择器控件,使用日期类型:选择RadComboBox值。附上下图。

enter image description here

我无法使用JQuery隐藏RadTimePicker控件。

有人可以分享你的想法吗?

此致 斯利拉姆!

1 个答案:

答案 0 :(得分:1)

试试这个:

<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.11.0.js" type="text/javascript"></script>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function ClientSelectedIndexChanged(sender, args) {
                var test = $find("<%= RadTimePicker1.ClientID %>");
                if (sender.get_selectedIndex() == 1) {
                    test.set_visible(false);
                }
                else {
                    test.set_visible(true);
                }

            }
        </script>
    </telerik:RadCodeBlock>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadComboBox ID="RadComboBox1" runat="server" OnClientSelectedIndexChanged="ClientSelectedIndexChanged">
            <Items>
                <telerik:RadComboBoxItem Text="show time" Value="1" Selected="true" />
                <telerik:RadComboBoxItem Text="hide time" Value="0" />
            </Items>
        </telerik:RadComboBox>
        <telerik:RadTimePicker ID="RadTimePicker1" runat="server">
        </telerik:RadTimePicker>
    </div>
    </form>
</body>