生日选择下拉框范例

最新推荐文章于 2024-05-05 08:03:48 发布
最新推荐文章于 2024-05-05 08:03:48 发布
阅读量1.6k 收藏
点赞数
文章标签： function server asp xhtml string html

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

<!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>
    <script type="text/javascript">
     var bigArray=new Array(1,3,5,7,8,10,12);
   function OnSelectChange(year,month,day)
   {
      if(month.value==2)//选中的月份为2月
      {
        if(checkYear(year.value))//闰年
        {
           fillDay(day,29);
        }
        else
        {
           fillDay(day,28);
        }
      }
      else
      {
         if(inArray(month.value,bigArray))
         {
           fillDay(day,31);
         }
         else
         {
           fillDay(day,30);
         }
      }
   }
   function checkYear(year)
   {
     return (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) ? 1 : 0;
   }
   function fillDay(day,days)
   {
      while(day.options.length>0)
      {
        day.remove(0);
      }
      for(i=1;i<=days;i++)
      {
        var oOption=document.createElement("OPTION");
        if(i<10)
        {
            oOption.innerText="0"+i;
        }
        else
        {
            oOption.innerText=i;
        }
        oOption.value=i;
        day.appendChild(oOption);
      }
   }
   function inArray(oObj,oArray)
   {
     for(i=0;i<oArray.length;i++)
     {
       if(oObj==oArray[i])
       {
         return true;
       }
     }
     return false;
   }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="Year" runat="server">
        </asp:DropDownList>
        <asp:DropDownList ID="Month" runat="server">
        </asp:DropDownList>
        <asp:DropDownList ID="Day" runat="server">
        </asp:DropDownList></div>
    </form>
</body>
</html>


//Default.aspx.cs文件
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            //填充DropDownList
            int i = 0;
            Year.Items.Clear();
            for (i = 1900; i <= DateTime.Now.Year; i++)
            {
                ListItem item = new ListItem(i.ToString(), i.ToString());
                Year.Items.Add(item);
            }
            Month.Items.Clear();
            for (i = 1; i <= 12; i++)
            {
                string t = i < 10 ? "0" + i.ToString() : i.ToString();
                ListItem item = new ListItem(t, i.ToString());
                Month.Items.Add(item);
            }
            Day.Items.Clear();
            for (i = 1; i <= 31; i++)
            {
                string t = i < 10 ? "0" + i.ToString() : i.ToString();
                ListItem item = new ListItem(t, i.ToString());
                Day.Items.Add(item);
            }
            //给年和月的onchange 绑定方法，用于处理闰年的情况
            Year.Attributes["onchange"] = "OnSelectChange(" + Year.ClientID + "," + Month.ClientID + "," + Day.ClientID + ");";
            Month.Attributes["onchange"] = "OnSelectChange(" + Year.ClientID + "," + Month.ClientID + "," + Day.ClientID + ");";
            Year.SelectedValue = DateTime.Now.Year.ToString();
            Month.SelectedValue = DateTime.Now.Month.ToString();
            Day.SelectedValue = DateTime.Now.Day.ToString();
        }
    }
    //公共属性，用于获取设置整个控件的日期值
    public DateTime Date
    {
        get { return DateTime.Parse(Year.SelectedValue + "-" + Month.SelectedValue + "-" + Day.SelectedValue); }
        set
        {
            Year.SelectedValue = value.Year.ToString();
            Month.SelectedValue = value.Month.ToString();
            Day.SelectedValue = value.Day.ToString();
        }
    }

}
 

magicdec
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ComboBox控件——生日选择器
憧憬是碎了满地凉凉的宝石
11-02 1495
目标是要写出一个这样的生日选择器： 1.在Form窗体中添加三个ComboBox控件，把DropDownStyle属性改为DropDownList 2.添加年份到第一个ComboBox控件中：获取当前的年份 private void Form1_Load(object sender, EventArgs e) { int yearcmb = DateTime.Now.Year;//如何添加进去 for (int i = year
java写的日期下拉框控件
10-17
使用java swing编写的日期下拉框控件，可以在swing开发中使用，还有对两个日期的先后进行判断的工具类，有详细的使用说明。
javascript生日下拉框
他的的博客空间
10-20 2114
"http://www.w3.org/TR/html4/strict.dtd"> 下拉框生日 #y1 { width: 60px; } //获取年 function sryear(count) { var temp = document.getElementById("select1"); var time = new Date(); va
HTML生日快乐代码
最新发布
2401_84152140的博客
05-05 910
/ 分 -(day*24) 以60秒为一整份 取余 剩下秒数 秒数/60 就是分钟数。”+day+“天”+hour+“小时”+minute+“分”+second+“秒”+“了。今日是你的生日，愿所有的快乐、所有的幸福、所有的温馨、所有的好运围绕在你身边。// 毫秒/1000。
纯JS实现出生日期[年月日]下拉菜单效果
10-18
主要介绍了基于纯JS实现出生日期[年月日]下拉菜单效果，本文通过实例代码给大家介绍的非常详细，需要的朋友参考下吧
生日选择框
07-20
一款简单的用户注册时的生日日期选择框。
jQuery下拉框国家选择代码
06-10
本项目“jQuery下拉框国家选择代码”是为网页开发者提供的一款实用工具，它允许用户在下拉菜单中选择全世界的国家，并且具备搜索功能和国旗图标显示，提升了用户体验。 首先，我们要了解jQuery如何实现下拉框的动态...
WPF颜色选择下拉框
04-26
本主题将深入探讨如何实现一个“WPF颜色选择下拉框”，它是一个允许用户从一系列预设颜色中选择的下拉框控件，类似于WinForm中的背景颜色选择功能。我们将讨论如何自定义颜色选项、设置控件属性以及编写相应的XAML和...
jQuery实现下拉框选择图片功能实例
10-23
总结起来，本实例展示了如何利用jQuery和`imageselect.js`插件实现一个功能丰富的下拉框，它不仅能显示文本选项，还能展示与选项关联的图片，提高了用户在选择过程中的可视性和互动性。这种技术在现代Web开发中有着...
js实现select下拉框选择
01-19
后来索性就自己使用原生js实现了这样一个下拉框，话不多说，直接上代码吧。 <html lang=en> <head> <meta charset=UTF-8> <title>自定义select</title> </head> <style&...
bootstrap datetimepicker实现秒钟选择下拉框
01-19
　本示例修改bootstrap datetimepicker源代码，如果配置了显示秒钟format:’……ss’，将会给分钟选择器层添加秒钟选择下拉框，可以自定义选择时间的秒钟部分，效果如下 bootstrap datetimepicker添加秒钟选择下拉框...
js实现年月日三级下拉菜单联动
热门推荐
天易
06-19 2万+
一：图片预览： 二：js代码如下： 年月日三下拉框联动 年 月 日 window.onload = function(){ strYYYY = document.form1.YYYY.outerHTML; strMM = document.form1.MM.outerHTML; strDD = documen
纯JS实现出生日期[年月日]下拉菜单
ljheee的博客
04-16 2万+
纯JS实现出生日期[年月日]下拉菜单 在制作网页时，可能需要给用户提供注册帐号页面，用户注册 设计很多信息，其中就有 关于出生日期的，出于用户体验，不想让用户手动输入，而HTML5的date，目前很多浏览器支持的并不是很好，所以就可以用JS实现年、月、日3个下拉框的日期选择。具体代码如下： 1、新建一个js文件，如birthday.js; function DateSelector(se
html生日日期选择_日期选择器，用于遥远的日期，例如生日
cuk5340的博客
07-27 5481
html生日日期选择 vueBirthDatepicker (vueBirthDatepicker) Date picker for distant dates, such as birthday. Just three clicks to choose any month and day 20 or 50 years ago. 日期选择器，用于遥远的日期，例如生日。 只需单击三下即可选择20或...
DropDownList自动生成年月日
my1989night的专栏
05-05 4969
 aspx页面上有三个dropdownlist控件， dropdownlist1 表示年，dropdownlist2表示月，dropdownlist3表示天； 注意用将这三个dropdownlist控件的autopostback属性设为true。 用户能够方便地选择年月日，并且每月的日期会随着用户选择不同的年，月而发生相应的变化 代码直接复制过去即可使用前台代码 <a
access字段属性设置下拉列表_关于下拉式菜单，这一篇足够了
weixin_39578513的博客
11-04 3591
下拉菜单主要有两种类型：1.用于导航的下拉菜单；2.用于表单的下拉菜单。在本文中，我们将对以下内容进行介绍：1、 结构剖析下拉菜单的解剖结构与文本输入字段的解剖结构非常相似。2、下拉菜单类型和变体虽然标准的下拉菜单被广泛理解，但有一些不同的类型和变体，你可能需要在下一步的工作中考虑。请注意，在这些例子中，我只包括表格中使用的下拉菜单，而不包括导航中使用的下拉菜单。标准下拉菜单标准下拉菜单...
使用HTML5和JS实现日期下拉框功能
m0_46093203的博客
07-12 1747
使用HTML5和JS实现日期下拉框功能
JS选择生日下拉框
deasec的博客
07-07 1345
我们在某平台注册账号有时需要输入生日日期，那么这个选择生日日期的下拉框是怎么实现的呢？ 这个原理其实不难，只要知道几个知识点这个代码就能实现，我们需要知道的是 1,3,5,7,8,10,12是大月，4，6，9,11是小月， 2月是特殊的，闰年时2月有29天 ，普通年2月只有 28天， 闰年就是年数能整除4没有余数。 知道以上几点知识再根据自己的代码逻辑就很容易实现，下面来看我的成果 然后在下面就是我的代码 1.首先 我先声明一个日期 从1980年开始 ，再声明一个现在的日期，然.
selenium选择下拉框
08-09
使用Selenium选择下拉框有几种方法。首先，你需要导入Selenium的Select类并定位到下拉框的select标签元素。然后，你可以使用Select类提供的方法来选择选项。其中包括通过value值选择选项，通过索引值选择选项，以及通过选项名称选择选项。 例如，你可以使用select.select_by_value("value属性值")来通过value值选择选项，或者使用select.select_by_index(索引值)来通过选项的索引选择选项。还可以使用select.select_by_visible_text(选择名称)来通过选项的名称选择选项。 另外，你也可以通过二次定位的方式来操作下拉菜单。首先定位到下拉框的元素，然后使用Select类选择选项的方法来进行操作。 总结起来，使用Selenium选择下拉框可以通过Select类提供的方法来选择选项，也可以通过二次定位的方式来操作下拉菜单。你可以根据具体的需求选择适合的方法来操作下拉框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值