Cascade two ajax calendar controls.

Hi EmadKhan,

Try with the below code.

HTML

<div>
    <asp:UpdatePanel runat="server">
        <ContentTemplate>
            <asp:Repeater ID="Repeater1" runat="server">
                <HeaderTemplate>
                    <table cellspacing="0" rules="all" border="1">
                        <tr>
                            <th>
                                Customer Names
                            </th>
                            <th>
                                Start Date
                            </th>
                            <th>
                                End Date
                            </th>
                        </tr>
                </HeaderTemplate>
                <ItemTemplate>
                    <tr>
                        <td>
                            <%# Container.DataItem %>
                        </td>
                        <td>
                            <asp:TextBox ID="txtDate1" runat="server" />
                            <asp:ImageButton runat="server" ID="imgPopup1" ImageUrl="~/Calendar.png" />
                            <cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDate1"
                                PopupButtonID="imgPopup1" OnClientDateSelectionChanged="checkedDate" />
                            <script type="text/javascript">
                                function checkedDate(sender, args) {
                                    var id = $(sender)[0]._id;
                                    id = id.replace('CalendarExtender1', 'CalendarExtender2');
                                    var selectedDate = sender._selectedDate;
                                    $find(id).set_selectedDate(selectedDate);
                                }
                            </script>
                        </td>
                        <td>
                            <asp:TextBox ID="txtDate2" runat="server" />
                            <asp:ImageButton runat="server" ID="imgPopup2" ImageUrl="~/Calendar.png" />
                            <cc1:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="txtDate2"
                                PopupButtonID="imgPopup2" />
                        </td>
                    </tr>
                </ItemTemplate>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:Repeater>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

Code

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        string[] arrNames = new string[4];
        arrNames[0] = "John Hammond";
        arrNames[1] = "Mudassar Khan";
        arrNames[2] = "Suzanne Mathews";
        arrNames[3] = "Robert Schidner";
        Repeater1.DataSource = arrNames;
        Repeater1.DataBind();
    }
}

Screenshot