养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

ASP.NET实现日期选择进TEXTBOX

时间:2024-10-03 12:28:57

asp.net自带的日期服务器控件Calendar使用不是很方便,占用空间大而且操作起来不方便,在网站开发过程中如遇到日期操作,往往需要找寻其它解决方案。本文介绍的解决方案是使用jQueryUI插件来进行替代。实现图如下所示

ASP.NET实现日期选择进TEXTBOX

方法/步骤

1、下载jquery和jqueryUI文件,可以在baidu中搜索,到官方下载。也可以在本经验的最下面下载源代码,源代码中包括jquery及jqueryUI文件

2、新建一个asp.net空项目,将jquery与jqueryUI文件放到相关文件夹中

3、在项目中新建一个页面,页面命名为:Index.aspx,创建完毕后,项目结构如下图所示:

ASP.NET实现日期选择进TEXTBOX

4、打开index.aspx页面,进入“source”开始编辑html

5、将引用文件jQuery与jQueryUI加入进去<scriptsr罕铞泱殳c="js/jq锇栀劐箨uery-2.1.4.min.js"></script><scriptsrc="js/jqueryui/jquery-ui.min.js"></script><linkrel="stylesheet"href="js/jqueryui/jquery-ui.css"/>

6、在form中加入代码<asp:TextBoxID="txtDate"runat="server"></asp:TextBox>

7、加入js代码<scripttype="tex隋茚粟胫t/javascript">$(function惺绅寨瞀(){$("#<%=txtDate.ClientID%>").datepicker({dateFormat:'yy-mm-dd'});});</script>

8、成功,测试结果如下图所示源代码下载地址:http://pan.baidu.com/s/1qWp6mh2

ASP.NET实现日期选择进TEXTBOX

© 一点知识