Click here to Skip to main content
12,816,775 members (34,197 online)
Click here to Skip to main content
Add your own
alternative version


33 bookmarked
Posted 2 Jul 2009

ASP.NET date picker control - Part 2

, 24 Aug 2009 CPOL
Rate this:
Please Sign up or sign in to vote.
In this post, I will explain you how I have embedded JavaScript, images and stylesheet to my previous article.



In my previous post How to: Create a Date Picker Composite Control in ASP.NET (C#), I explained how to work with ASP.NET composite control to create a date picker control for ASP.NET.


However to use that control you still require JavaScript, style and images to be included.


In this post, I will explain you how I have embedded JavaScript, images and stylesheet to my previous article, How to: Create a Date Picker Composite Control in ASP.NET (C#). I have also added another property to the control which is how to change date format for the control. You can download the code, drag and drop it and start using it inside data navigation controls or anywhere in your ASP.NET web application.


  • DateFormat - By default, it's been set to "%d/%m/%Y" which is DMY.

How to Embed ?

I added to the project images, JavaScripts, and styles that I need for my date picker control. Click on each file properties and change Build Action from Content to Embedded Resource, then modify the AssemblyInfo.cs as below:

[assembly: System.Web.UI.WebResource("DatePicker.Resources.calendarview.css", "text/css")]
[assembly: System.Web.UI.WebResource("DatePicker.Resources.calendarview.js", "text/js")]
[assembly: System.Web.UI.WebResource("DatePicker.Resources.CalendarIcon.gif", "img/gif")]
[assembly: System.Web.UI.WebResource("DatePicker.Resources.prototype.js", "text/js")]

Note: The format of embedded resources is very important which is:

[Assembly Name].[Folder].[File Name]

To Embed JavaScript

To embed JavaScript, I have created a function called AddJavaScript(string javaScriptFile) which is:

private void AddJavaScript(string javaScriptFile)
        string scriptLocation = Page.ClientScript.GetWebResourceUrl
		(this.GetType(),javaScriptFile );
        Page.ClientScript.RegisterClientScriptInclude(javaScriptFile, scriptLocation);


To Embed Stylesheet

private void AddStyleSheet()
         string includeTemplate = "<link rel='stylesheet' text='text/css' href='{0}' />";
         string includeLocation =
		(this.GetType(), "DatePicker.Resources.calendarview.css");
         LiteralControl include = new LiteralControl
				(String.Format(includeTemplate, includeLocation));

To Embed Image

Just add the following line inside the OnInit function:

_ImgDate.ImageUrl = Page.ClientScript.GetWebResourceUrl(this.GetType(), 

Add these functions inside the OnInit function:


And that is our date picker control ready to use. You can drag and drop on any page and start using it.

View this article on my blog.

Your feedback is welcome.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Software Developer (Senior) BMJ
United Kingdom United Kingdom
No Biography provided

You may also be interested in...

Comments and Discussions

GeneralError: Microsoft JScript runtime error: Object doesn't support this property or method Pin
Daniel Kamisnki4-Dec-09 16:50
memberDaniel Kamisnki4-Dec-09 16:50 
Generalnice on.. Pin
Rajesh Pillai24-Aug-09 14:27
memberRajesh Pillai24-Aug-09 14:27 
GeneralRe: nice on.. Pin
Salmanzz25-Aug-09 1:47
memberSalmanzz25-Aug-09 1:47 
GeneralAnother issue I'd like to solve Pin
Phyllis Smith15-Aug-09 17:18
memberPhyllis Smith15-Aug-09 17:18 
GeneralRe: Another issue I'd like to solve Pin
Salmanzz16-Aug-09 9:21
memberSalmanzz16-Aug-09 9:21 
GeneralProblem with adding validators Pin
Phyllis Smith14-Aug-09 16:55
memberPhyllis Smith14-Aug-09 16:55 
GeneralRe: Problem with adding validators Pin
Salmanzz15-Aug-09 1:32
memberSalmanzz15-Aug-09 1:32 
GeneralRe: Problem with adding validators Pin
Phyllis Smith15-Aug-09 3:19
memberPhyllis Smith15-Aug-09 3:19 
QuestionVery good - but the calender is placed abowe the page? Pin
palsbo22-Jul-09 0:46
memberpalsbo22-Jul-09 0:46 
AnswerRe: Very good - but the calender is placed abowe the page? Pin
Salmanzz22-Jul-09 0:59
memberSalmanzz22-Jul-09 0:59 
GeneralThanks great control Pin
wtf_imanut21-Jul-09 9:35
memberwtf_imanut21-Jul-09 9:35 
GeneralRe: Thanks great control Pin
Salmanzz22-Jul-09 0:28
memberSalmanzz22-Jul-09 0:28 
GeneralRe: Thanks great control Pin
wtf_imanut27-Jul-09 9:34
memberwtf_imanut27-Jul-09 9:34 
GeneralRe: Thanks great control Pin
Salmanzz28-Jul-09 0:42
memberSalmanzz28-Jul-09 0:42 
GeneralGood Work! Pin
prasad022-Jul-09 4:19
memberprasad022-Jul-09 4:19 
GeneralRe: Good Work! Pin
Salmanzz2-Jul-09 5:56
memberSalmanzz2-Jul-09 5:56 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.170308.1 | Last Updated 24 Aug 2009
Article Copyright 2009 by Salmanzz
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid