基于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解决url传值出现中文乱码的另类办法
Apr 08 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
jQuery中:only-child选择器用法实例
Jan 03 Javascript
基于javascript实现根据身份证号码识别性别和年龄
Jan 22 Javascript
如何用JavaScript实现动态修改CSS样式表
May 20 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
js/jq仿window文件夹框选操作插件
Mar 08 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
Webpack之tree-starking 解析
Sep 11 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
Apr 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
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
jQuery 动画基础教程
2008/12/25 Javascript
跨浏览器开发经验总结(四) 怎么写入剪贴板
2010/05/13 Javascript
js继承的实现代码
2010/08/05 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
2014/04/06 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
JS中artdialog弹出框控件之提交表单思路详解
2016/04/18 Javascript
探索Javascript中this的奥秘
2016/12/11 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
ES6新特性五:Set与Map的数据结构实例分析
2017/04/21 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
jQuery Datatables 动态列+跨列合并实现代码
2020/01/30 jQuery
vue实现简单瀑布流布局
2020/05/28 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
python黑魔法之编码转换
2016/01/25 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
python使用Matplotlib画条形图
2020/03/25 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
英国曼彻斯特宠物用品品牌:Bunty Pet Products
2019/07/27 全球购物
Java的基础面试题附答案
2016/01/10 面试题
VC++笔试题
2014/10/13 面试题
含预算的公司户外活动方案
2014/08/16 职场文书
机械制造专业大学生自我鉴定
2014/09/19 职场文书
2014年大学班级工作总结
2014/11/14 职场文书
销售区域经理岗位职责
2015/04/10 职场文书
终止劳动合同通知书
2015/04/16 职场文书
综治目标管理责任书
2015/05/11 职场文书
优质服务心得体会(共4篇)
2016/01/22 职场文书
初三英语教学反思
2016/02/15 职场文书