使用 HTC 封装的强大的日期控件

最新推荐文章于 2014-05-13 16:29:00 发布

xychen2008

最新推荐文章于 2014-05-13 16:29:00 发布

阅读量660

点赞数

CC 4.0 BY-SA版权

分类专栏： asp.net 文章标签： htc globalization html ie server 服务器

本文链接：https://blog.youkuaiyun.com/xychen2008/article/details/1620425

asp.net 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了一种自定义日期控件的设计方案，包括DateEditor和DatePicker两种控件，支持自定义日期格式和外观风格，并提供了强大的客户端交互支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

控件设计
	通过 vs 对设计时期配置控件的选项，由服务器解析产生控件的 HTML 编码，通过客户端 HTC 对生成的 HTML 进行解析，呈现控件的客户端界面。在样式方面，由 VimeJsFramework 对样式编码进行解析，详见: http://www.cnblogs.com/vme/archive/2005/02/01/100618.html
功能
	DateEditor：
		自定义的 DateFormat 风格；自定义的外观风格；可进行日期编辑，可使用数字键、方向键或滚轮（IE6.0以上）；对空值的支持；设置日期值的范围; 使用HTC组件，有力支持客户端的交互。
	DatePicker:
		强大的自定义外观风格； Picker 和 Editor 分开，使一个 Picker 可为多个 Editor 使用；对空值的支持；使用HTC组件，有力支持客户端的交互。
DatePicker样式表结构

样式对应的区域

Demo:



下载
	http://www.cnblogs.com/Files/vme/DateEditorSetup.rar 本站下载：点击下载此文件
	http://www.cnblogs.com/Files/vme/sp1.rar 本站下载：点击下载此文件修改在 table 里面不能正常显示的bug（这个好久前就改了，懒得再去打包- -~！）解压缩到C:/Inetpub/wwwroot/aspnet_client/vime_web/1_0_2目录下就可以了。
说明
	IE5.5 以上版本，局部功能需要 IE6.0 以上版本,另需把 Web.config 中的 globalization 项设置为 gb2312。本控件还处于完善阶段，由于配制项较多，难免出现很多BUG，如果有好的意见或建议，请联系 vee_hd@sina.com。如果有较好的样式配置，请推荐给我，可以拷贝 ASPX 文件的代码，如下：
	< vime:DatePicker id ="DatePicker2" style ="Z-INDEX: 102; LEFT: 368px; POSITION: absolute; TOP: 120px" runat ="server" BorderWidth ="1px" BorderColor ="#FF8000" Font-Size ="11pt" ShowMonthOtherDay ="False" CellPadding ="0" > < FooterStyle BackColor ="#FF8000" ></ FooterStyle > < HeaderStyle Height ="29px" BackColor ="#FF8000" ></ HeaderStyle > < DayStyle HorizontalAlign ="Center" Height ="20px" Width ="18px" ></ DayStyle > < DayHeaderStyle HorizontalAlign ="Center" Height ="25px" VerticalAlign ="Bottom" BackColor ="#FFE0C0" ></ DayHeaderStyle > </ vime:DatePicker