DJ WebApplication模板jQuery的DatePicker控件

DJ　Project Template for v1.1.15

 

DJProjectTemplate.vsi是包含两个项目的包,DJ ASP.NET Web Application和DNA jQuery Control Library。

 

这里会介绍如何安装模板包和介绍它的几个DatePicker样式。

第一步:到http://dj.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=28518下载TemplateVSI包;

第二步： 运行这个vsi文件:

 

点击下一步:

 

 

再点击finish按钮就完成了末模板的安装。

第三步: 打开Visual Studio, 选择新建项目,会在C#项目下面的Web目录下看到两个新模板:

 

你可以试试创建一个DJ ASP.NET Web Application项目,默认的已经包含了JQuery的皮肤包,你可以在jQuery ui的官网上生成自己喜欢的皮肤包,然后添加到项目中来。

 

 

准备工作就OK了。下面我就来介绍如何使用这个模板创建一些Datepicker吧。

 

1.       在默认的已经添加好的default.aspx文件中添加一个asp.net 的ScriptManager控件。一定要添加。

2.       添加一个DatePicker控件,代码如下:

<DotNetAge:DatePicker ID="DP1" runat="server" BorderStyle="Solid"></DotNetAge:DatePicker>

3.       这里提供了很多DatePicker的属性设置,所有的属性设置:

  

4.       一些其它形式的DatePicker例子:

  

注意:默认的皮肤是黑色的,你可以在head部分添加其它皮肤文件里的css文件,DJ Framework会加载你添加的皮肤。

代码下载: