I have two RadDateTimePickers and I want to set the value of one of the pickers equal to the other RadDateTimePicker any time the user changes the date (either by typing or using the calendar popup. I was looking for an example of how do this but cannot figure it out.
Here is what I have...
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Start Time:"></asp:Label>
</td>
<td>
<telerik:RadDateTimePicker ID="dtStart" runat="server" Width="200px">
<Calendar>
<ClientEvents OnDateClick="StartDateClick" />
</Calendar>
</telerik:RadDateTimePicker>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" Visible="true" ErrorMessage="Start Time is required." Display="Dynamic" Text="*" ControlToValidate="dtStart"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label3" runat="server" Text="End Time:"></asp:Label>
</td>
<td>
<telerik:RadDateTimePicker ID="dtEnd" runat="server" Width="200px"></telerik:RadDateTimePicker>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" Visible="true" ErrorMessage="End Time is required." Display="Dynamic" Text="*" ControlToValidate="dtEnd"></asp:RequiredFieldValidator>
<asp:CustomValidator ID="cvDateRange" runat="server" Visible="true" Text="*" ErrorMessage="Events cannot span multiple days. Starting and Ending dates must be the same." OnServerValidate="ServerValidation"></asp:CustomValidator>
</td>
</tr>
function StartDateClick(sender, eventArgs) {
var day = sender.get_selectedDate();
var endDate = $find("<%= dtEnd.ClientID %>");
endDate.set_selectedDate(day);
}
Here is what I have...
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Start Time:"></asp:Label>
</td>
<td>
<telerik:RadDateTimePicker ID="dtStart" runat="server" Width="200px">
<Calendar>
<ClientEvents OnDateClick="StartDateClick" />
</Calendar>
</telerik:RadDateTimePicker>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" Visible="true" ErrorMessage="Start Time is required." Display="Dynamic" Text="*" ControlToValidate="dtStart"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label3" runat="server" Text="End Time:"></asp:Label>
</td>
<td>
<telerik:RadDateTimePicker ID="dtEnd" runat="server" Width="200px"></telerik:RadDateTimePicker>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" Visible="true" ErrorMessage="End Time is required." Display="Dynamic" Text="*" ControlToValidate="dtEnd"></asp:RequiredFieldValidator>
<asp:CustomValidator ID="cvDateRange" runat="server" Visible="true" Text="*" ErrorMessage="Events cannot span multiple days. Starting and Ending dates must be the same." OnServerValidate="ServerValidation"></asp:CustomValidator>
</td>
</tr>
function StartDateClick(sender, eventArgs) {
var day = sender.get_selectedDate();
var endDate = $find("<%= dtEnd.ClientID %>");
endDate.set_selectedDate(day);
}