Categories
Asp, Asp.net

How to Set DD/MM/YYYY Date Format ASP.Net AJAX CalendarExtender

How to Set DD/MM/YYYY Date Format ASP.Net AJAX CalendarExtender

Hi friends, in this post we will learn How to Set DD/MM/YYYY Date Format ASP.Net AJAX CalendarExtender, or you can say ASP.Net AJAX CalendarExtender set dd/MM/yyyy Date Format,  Set Date Format in ASP.Net AJAX CalendarExtender. Setting up date format in Asp.Net Ajax CalenderExtender control is very easy, and it will show the desired format in TargetControlID control.

In earlier post we had discussed about Ajax AutoComplete Extender Example In Asp.NetAjax Collapsible Panel Extender Example In Asp.NetAjax ModalPopUp Extender Example In Asp.NetAjax Rating Control Example With Database and Check Email Availability using Ajax php.

Steps:

1. Create a new Website.

2. Drag & drop ToolkitScriptManager Control from Ajax Library to Page.

3. Add CalenderExtender Control to page from Ajax Toolkit Library.

Code:

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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="css/bootstrap.css" rel="stylesheet" />
<script src="js/bootstrap.js"></script>
<title>How to Set DD/MM/YYYY Date Format ASP.Net AJAX CalendarExtender</title>
</head>
<body>
<form id="form1" runat="server">
<div class="container">
<div class="row">
<div class="col-lg-12 col-lg-offset-1">
<h2>How to Set DD/MM/YYYY Date Format ASP.Net AJAX CalendarExtender</h2>
</div>
</div>
<div class="row">
<div class="col-lg-12>">
<hr />
</div>
</div>
<div class="row">
<div class="col-lg-4 col-lg-offset-4">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">Choose Date: &nbsp;&nbsp;&nbsp;&nbsp;</span>
<asp:TextBox runat="server" ID="txt_date" class="form-control" placeholder="Pick Date" aria-describedby="basic-addon1"></asp:TextBox>
</div>
<asp:CalendarExtender ID="CalendarExtender1" Format="DD/MM/YYYY" TargetControlID="txt_date" runat="server"></asp:CalendarExtender>
</div>
</div>
<div class="row">
<div class="col-lg-12>">
<hr />
</div>  
</div>
<div class="row">
<div class="col-lg-12" style="margin-top:30px;text-align:center">
All rights reserved by <a href="http://www.hightechnology.in">www.Hightechnology.in</a>| Back to article:
<a href="http://hightechnology.in/how-to-set-ddmmyyyy-date-format-asp-net-ajax-calendarextender/">
How to Set DD/MM/YYYY Date Format ASP.Net AJAX CalendarExtender</a> | Hosting partner 
<a href="http://www.grootstech.com" target="_blank">Grootstech</a> 
</div>
</div>

</form>
</body>
</html>

How to Set DD/MM/YYYY Date Format ASP.Net AJAX CalendarExtender