ASP.NET实现日期选择进TEXTBOX

2025-10-26 08:27:43

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

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

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

ASP.NET实现日期选择进TEXTBOX

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

5、将引用文件jQuery与jQuery UI 加入进去

<script src="js/jquery-2.1.4.min.js"></script>

<script src="js/jqueryui/jquery-ui.min.js"></script>

<link rel="stylesheet" href="js/jqueryui/jquery-ui.css"/>

6、在form中加入代码

<asp:TextBox ID="txtDate" runat="server"></asp:TextBox>

7、加入js代码

    <script type="text/javascript">

        $(function () {

            $("#<%= txtDate.ClientID %>").datepicker({ dateFormat: 'yy-mm-dd' });

        });

    </script>

8、成功,测试结果如下图所示

源代码下载地址:

http://pan.baidu.com/s/1qWp6mh2

ASP.NET实现日期选择进TEXTBOX

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢