DatePicker with regular textbox

[Li Zhou]

For some reason, I cannot use DatePicker control.  I can use a regular textbox, plus a caledar icon.  I want to achieve the same thing as DatePicker, by clicking that icon, it shows a calendar, when a date is slected, the date is entered into the textbox.

Is that a easy way to do this?

[Shinu]

Hello,


One way to achieve the functionality is using a calendar control and setting the visibility from client side on clicking the popup image. Check the following code:

aspx:

<div>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <img src="../../Images/popup.gif" onclick="openPopup();" />
    <telerik:RadCalendar ID="RadCalendar1" runat="server">
        <ClientEvents OnDateSelected="OnDateSelected" />
    </telerik:RadCalendar>
</div>

client code:

<script type="text/javascript">
    function pageLoad() {
        var calendar = $find('<%= RadCalendar1.ClientID %>');
        calendar.set_visible(false); // Initially set the visibility as false
    }
    function OnDateSelected(sender, args) {
        var dt = new Date();
        //args.get_renderDay().get_date()
    }
    function openPopup() {
        var calendar = $find('<%= RadCalendar1.ClientID %>');
        calendar.set_visible(!calendar.get_visible());
        // Read the textbox value and set the Date of Calendar
    }
</script>

-Shinu.

[Li Zhou]

Thanks, that works well

[Thomas]

The solution provided is non-functional for me.

I am able to remove the textbox and connect the calendar to the combobox.

The problems are:
    The calendar icon is in a dev and puts extra space around it in the GUI.
    On startup, the calendar flashes on and then off and the space it took up is not removed,
        so there is a big whole in my GUI.