raddatepicker in UI for ASP.NET AJAX

This is a migrated thread and some comments may be shown as answers.

raddatepicker

1 Answer 27 Views

Calendar

This is a migrated thread and some comments may be shown as answers.

1 Answer, 1 is accepted

Accepted

answered on 02 May 2012, 08:36 PM

Tashfin:

You did not specify if you are accessing the typed in value on the client or in code behind.

Here's a simple sample to assist with client-side accessing of a value that is typed into the DateInput TextBox of the RadDatePicker ujsing JavaScript:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

function DisplayDateInputDate(sender, args) {

var date = sender.get_selectedDate();

alert(date.toDateString());

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadDatePicker ID="rdpMinDate" runat="server" Width="140px" AutoPostBack="true"

DateInput-EmptyMessage="MinDate" MinDate="01/01/1000" MaxDate="01/01/3000" DateInput-ClientEvents-OnValueChanged="DisplayDateInputDate">

</telerik:RadDatePicker>

<asp:Label ID="Label1" runat="server" Text=""></asp:Label>

</div>

</form>

</body>

</html>

And to access the value in server-side code:

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void rdpMinDate_SelectedDateChanged(object sender, Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs e)

{

Label1.Text = "You selected: " + e.NewDate.Value.ToShortDateString();

}

See this in action at http://screencast.com/t/WQJ3ZMRNaGX

Hope this helps!