ASP.NET实现日期选择进TEXTBOX

 时间:2024-10-03 14:21:54

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

计算机专业毕业设计:[14]asp.net母版页的使用 js可拖动的div css如何让textarea内容首行缩进两个字符 jquery如何改变边框颜色 eclipse怎么更改控制台的字体大小
热门搜索
邓亚萍图片 黑白灰图片 闺蜜照图片 女人的黑洞图片 金陵十二钗图片