web用户控件的ascx代码:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="SelectDate.ascx.cs" Inherits="SelectDate" %>

<script type="text/javascript" src="js/jquery.1.3.2.min.js"></script>

<script type="text/javascript" src="js/jquery.datepick.js"></script>

<script type="text/javascript" src="js/jquery.datepick-zh-CN.js"></script>

<script type="text/javascript">

$(function() {

    $('#txtdate').datepick({ dateFormat: 'yyyy/mm/dd'});

});

</script>

<link href="js/redmond.datepick.css" rel="stylesheet" type="text/css" />

<%--将datepick框架应用到txtdate输入框中--%>

<input type="text" id="txtdate" name="tdate" style="width: 120px";

    readonly="readonly"/>

<%--该用户控件中包含了一个文本输入框, 该文本输入框通过JQuery和DatePick实现了日期选择, 但并未实现输入内容的合法性验证, 最简单的方式就是设置其readonly--%>

web用户控件的ascx.cs代码

public partial class SelectDate : System.Web.UI.UserControl

{

    /// <summary>

    /// 该方法用户返回用户选中的日期

    /// </summary>

    /// <returns></returns>

    public string getvalue()

    {

        System.Collections.Specialized.NameValueCollection nv = new System.Collections.Specialized.NameValueCollection(System.Web.HttpContext.Current.Request.Form);

        return nv.GetValues("tdate")[0].ToString();

    }

    protected void Page_Load(object sender, EventArgs e)

    {

    }

}

Default.aspx页面代码:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register src="SelectDate.ascx" tagname="SelectDate" tagprefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>无标题页</title>

    <style type="text/css">

        .style1

        {

            width: 127px;

        }

        .style2

        {

            width: 100px;

        }

    </style>

</head>

<body>

<form id="form1" runat="server">

 <table align="center" cellpadding="0" cellspacing="0" style="width: 315px">

            <tr>

                <td class="style2">

                    用&nbsp; 户&nbsp; 名：</td>

                <td class="style1">

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

                </td>

                <td  >

                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

                        ControlToValidate="txtUserName" ErrorMessage="*"></asp:RequiredFieldValidator>

                </td>

            </tr>

            <tr>

                <td class="style2">

                    密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 码：</td>

                <td class="style1">

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

                </td>

                <td  >

                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"

                        ControlToValidate="txtPwd" ErrorMessage="*"></asp:RequiredFieldValidator>

                </td>

            </tr>

            <tr>

                <td class="style2">

                    年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 龄：</td>

                <td class="style1">

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

                </td>

                <td  >

                    <asp:RangeValidator ID="RangeValidator1" runat="server"

                        ControlToValidate="txtAge" Display="Dynamic" ErrorMessage="年龄输入有误"

                        Font-Size="9pt" MaximumValue="100" MinimumValue="18" Type="Integer"></asp:RangeValidator>

                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"

                        ControlToValidate="txtAge" Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator>

                </td>

            </tr>

            <tr>

                <td class="style2">

                    性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 别：</td>

                <td class="style1">

                    <asp:RadioButtonList ID="rdbSex" runat="server" RepeatDirection="Horizontal">

                        <asp:ListItem Selected="True">男</asp:ListItem>

                        <asp:ListItem>女</asp:ListItem>

                    </asp:RadioButtonList>

                </td>

                <td  >

                    &nbsp;</td>

            </tr>

            <tr>

                <td class="style2">

                    生&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 日：</td>

                <td class="style1">

                    <uc1:SelectDate ID="SelectDate1" runat="server" />

                </td>

                <td >

                    &nbsp;</td>

            </tr>

            <tr>

                <td class="style2">

                    &nbsp;</td>

                <td class="style1">

                    <asp:Button ID="Button2" runat="server" Text="注册" onclick="Button2_Click"

                        Width="119px"  />

&nbsp;

                    </td>

                <td >

                    &nbsp;</td>

            </tr>

        </table>

</form>

</body>

</html>

Default.aspx.cs页面代码:

protected void Button2_Click(object sender, EventArgs e)

    {

        if (SelectDate1.getvalue() != "")

        {

            string info ="用户名："+txtUserName.Text + "/密码：" + txtPwd.Text + "/年龄：" + txtAge.Text + "/性别：" + rdbSex.SelectedValue + "/生日：" + SelectDate1.getvalue();

            ClientScript.RegisterStartupScript(this.GetType(), "", "alert('" + info+ "');", true);

        }

        else

        {

            ClientScript.RegisterStartupScript(this.GetType(), "", "alert('请选择生日');", true);

        }

    }

程序中所用到的JS文件下载地址:

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

038. asp.netWeb用户控件之六实现日期选择的用户控件的更多相关文章

  1. vue自定义日期选择，类似美团日期选择，日历控件，vue日历区间选择

    一个日历的控件,基于vue的,可以日历区间选择,可用于酒店日历区间筛选,动手能力强,可以修改成小程序版本的,先上效果图 里面的颜色样式都是可以修改的 选择范围效果 话不多说,直接上干货,代码可以直接复 ...

  2. DataGridView控件内建立日期选择编辑列

    两个文件: CalendarColumn 类: public class CalendarColumn : DataGridViewColumn { public CalendarColumn() : ...

  3. ASP.NET--Web服务器端控件和Html控件

    今天学习总结了一些相关概念和知识. 之前无论是做 单机的winform 还是 CS的winform 感觉,不到两年下来感觉还可以,虽然API有很多,但是还是比较熟悉基于WINDOWS消息机制的编程,但 ...

  4. 『Asp.Net 组件』Asp.Net 服务器组件 内嵌图片：自己的图片控件

    代码: using System; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace ...

  5. ASP.NET AJAX入门系列（5）：使用UpdatePanel控件（二） UpdatePanel

    UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是ASP.NET 2.0 AJAX Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面上添加 ...

  6. ASP.NET(c#) 日期选择控件的另一种实现方法

    这篇文章是在一个英文网站发现的,完全使用ASP.NET实现了日期选择的基本功能,没有使用js,原文链接http://geekswithblogs.net/plundberg/archive/2009/ ...

  7. ASP.NET AJAX入门系列（5）：使用UpdatePanel控件（二）

    UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是ASP.NET 2.0 AJAX Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面上添加 ...

  8. 『Asp.Net 组件』Asp.Net 服务器组件 内嵌JS：让自己的控件动起来

    代码: using System; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace ...

  9. Asp.Net 如何获取所有控件&如何获取指定类型的所有控件

    一. Asp.Net Page页面中访问所有控件的属性为: Page.Controls 控件的结构是树结构. 二.获取指定类型所有控件实例: 1.递归方法定义: private void GetCon ...

随机推荐

  1. xcode7 打开工程错误 This Document requires xcode8.0 or later.

    xcode7 打开工程错误 This Document requires xcode8.0 or later. 场景: xcode7创建的工程,后来安装了xcode8.0,用8打开7的工程跑了一下: ...

  2. js 原生对象排序

    //对象属性排序 function compare(propertyName) { return function (object1, object2) { var value1 = object1[ ...

  3. vs2012中VC连接mysql

    在MySQL的安装目录下你会找到include和lib文件夹(完全安装模式下),里面分别是C接口的头文件和库文件,库文件只用libmysql.lib就好了,即把libmysql.lib拷贝到了VC++ ...

  4. 关于如何来构造一个String类

    今天帮着一位大二的学弟写了一个String的类,后来一想这个技术点,也许不是什么难点,但是还是简单的记录一些吧! 为那些还在路上爬行的行者,剖析一些基本的实现..... 内容写的过于简单,没有涉及到其 ...

  5. oracle修改序列

      Oracle 序列(Sequence)主要用于生成流水号,在应用中经常会用到,特别是作为ID值,拿来做表主键使用较多. 但是,有时需要修改序列初始值(START WITH)时,有同仁使用这个语句来 ...

  6. SuperSlide

    今天又接触到另一个新的前端插件,心情美美哒~ SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新,官网地址:http://www.superslide2.com/ ...

  7. Windows Store App 偏移特效

    通过前面讲解的内容,读者已经了解了如何在三维空间中使旋转对象绕指定的旋转中心旋转一定的角度.接下来在这个基础上进一步讲解如何对旋转对象进行平移.下面首先介绍一下用到的几个属性. q  LocalOff ...

  8. MySQL 主从热备份(读写分离)

    MySQL的主从备份,听个名词很高大上,其实都是MySQL原本就实现的了,你只需要简单配置一下就可以实现. 第一步:保持主从两个数据库是同步的,最好事先手动同步一下: 第二步:停止两个数据库,分别更改 ...

  9. 关于Elasticsearch单个索引文档最大数量问题

    因为ElasticSearch是一个基于Lucene的搜索服务器.Lucene的索引有个难以克服的限制,导致Elasticsearch的单个分片存在最大文档数量限制,一个索引分片的最大文档数量是20亿 ...

  10. redhat6.4上build storm 0.9.0.1

    1.安装mvn 2.下载源代码 3.build mvn package 过程中出现问题,clojars.org 访问不了.通过私服映射clojars.org并在pom.xml中将dependency的 ...