基于Asp.net与Javascript控制的日期控件


Posted in Javascript onMay 22, 2010

控件效果如下:

基于Asp.net与Javascript控制的日期控件

从左到右:month,day,year

.cs文件初始化这三个下拉列表

private void BindBirthDay(int day, int month, int year) 
{ 
int dayNow = day; 
int monNow = month; 
int yearNow = year; 
//binding Month 
for (int i = 1; i <= 12; i++) 
{ 
ddlBirMon.Items.Add(new ListItem(i.ToString(), i.ToString())); 
} 
ddlBirMon.Items[monNow - 1].Selected = true; 
//binding Day 
int daysOfMonth = DateTime.DaysInMonth(yearNow, monNow); 
for (int i = 1; i <= daysOfMonth; i++) 
{ 
ddlBirDay.Items.Add(new ListItem(i.ToString(), i.ToString())); 
} 
ddlBirDay.Items[dayNow - 1].Selected = true; 
//binding Year 
for (int i = 20; i > 0; i--) 
{ 
ddlBirYear.Items.Add(new ListItem((yearNow - i).ToString(), (yearNow - i).ToString())); 
} 
for (int i = 0; i < 20; i++) 
{ 
ddlBirYear.Items.Add(new ListItem((yearNow + i).ToString(), (yearNow + i).ToString())); 
} 
ddlBirYear.Items.FindByValue(yearNow.ToString()).Selected = true; 
}

js代码如下(自己写的,不保证完全正确啊):
function ChangeDay() { 
var month = document.getElementById("<%=ddlBirMon.ClientID %>"); 
var year = document.getElementById("<%=ddlBirYear.ClientID %>"); 
var day = document.getElementById("<%=ddlBirDay.ClientID %>"); 
if (month.selectedIndex == 3 || month.selectedIndex == 5 || month.selectedIndex == 8 || month.selectedIndex == 10) { 
if (day.length == 31) { 
if (day.options[30].selected == true) { 
day.options[29].selected = true; 
} 
day.remove(30); 
} 
} 
else{ 
while (day.length < 31) { 
day.add(new Option(day.length+1,day.length+1)); 
} 
} 
if (month.selectedIndex == 1) { 
if (day.length > 28) { 
if (day.selectedIndex == 28) { 
day.options[27].selected = true; 
} 
while (day.length > 28) { 
day.remove(day.length - 1); 
} 
} 
var sy = year.options[year.selectedIndex].value; 
if ((sy % 4 == 0 && sy % 100 != 0) || (sy % 400==0)) { 
day.add(new Option("29", "29")); 
} 
} 
}
Javascript 相关文章推荐
从盛大通行证上摘下来的身份证验证js代码
Jan 11 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
JavaScript中使用arguments获得函数传参个数实例
Aug 27 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
Nov 29 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
Dec 08 Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 Javascript
JS实现手写parseInt的方法示例
Sep 24 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
Oct 26 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
el-form 多层级表单的实现示例
Sep 10 Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
May 22 #Javascript
用jQuery打造TabPanel效果代码
May 22 #Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 #Javascript
jquery 多级下拉菜单核心代码
May 21 #Javascript
JQuery 学习技巧总结
May 21 #Javascript
Jquery调用webService远程访问出错的解决方法
May 21 #Javascript
ExtJS 下拉多选框lovcombo
May 19 #Javascript
You might like
php输出全球各个时区列表的方法
2015/03/31 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
PHP+MySQL实现模糊查询员工信息功能示例
2018/06/01 PHP
jQuery 解析xml文件
2009/08/09 Javascript
javascript实现div的显示和隐藏的小例子
2013/06/25 Javascript
juery框架写的弹窗效果适合新手
2013/11/27 Javascript
js动态移动滚动条至底部示例代码
2014/04/24 Javascript
基于javascript、ajax、memcache和PHP实现的简易在线聊天室
2015/02/03 Javascript
判断访客终端类型集锦
2015/06/05 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
JavaScript中Function函数与Object对象的关系
2015/12/17 Javascript
jquery+html仿翻页相册功能
2016/12/20 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
JS模拟超市简易收银台小程序代码解析
2017/08/18 Javascript
微信小程序版翻牌小游戏
2018/01/26 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
2018/10/18 Javascript
[03:42]2014DOTA2国际邀请赛 第三日比赛排位扑朔迷离
2014/07/12 DOTA
Linux CentOS7下安装python3 的方法
2018/01/21 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
python 读取DICOM头文件的实例
2018/05/07 Python
快速解决pandas.read_csv()乱码的问题
2018/06/15 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
Python paramiko使用方法代码汇总
2020/11/20 Python
南威尔士家居商店:Leekes
2016/10/25 全球购物
什么是ARP(Address Resolution Protocol)地址解析协议
2013/10/31 面试题
星空联盟C# .net笔试题
2014/12/05 面试题
租房协议书范本
2014/04/09 职场文书
社会调查研究计划书
2014/05/01 职场文书
师德师风建设方案
2014/05/08 职场文书
上课说话检讨书
2015/01/27 职场文书
无锡灵山大佛导游词
2015/02/09 职场文书
学校党支部承诺书
2015/04/30 职场文书
实习证明模板
2015/06/16 职场文书
运动会通讯稿300字
2015/07/20 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书