基于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 相关文章推荐
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
简述AngularJS的控制器的使用
Jun 16 Javascript
简介alert()与console.log()的不同
Aug 26 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
Dec 10 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
基于jQuery实现的查看全文功能【实用】
Dec 11 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
Feb 26 Javascript
Bootstrap 响应式实用工具实例详解
Mar 29 Javascript
在Vue项目中使用d3.js的实例代码
May 01 Javascript
vue element项目引入icon图标的方法
Jun 06 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
Aug 30 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
全国FM电台频率大全 - 30 宁夏回族自治区
2020/03/11 无线电
PHP5中使用PDO连接数据库的方法
2010/08/01 PHP
php设计模式之命令模式的应用详解
2013/05/21 PHP
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
Thinkphp单字母函数使用指南
2016/05/08 PHP
PHP查询附近的人及其距离的实现方法
2016/05/11 PHP
php基于curl重写file_get_contents函数实例
2016/11/08 PHP
解析PHP之提取多维数组指定列的方法
2017/01/03 PHP
详解PHP swoole process的使用方法
2017/08/26 PHP
Js判断参数(String,Array,Object)是否为undefined或者值为空
2013/11/04 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
运用js教你轻松制作html音乐播放器
2020/04/17 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
angularjs项目的页面跳转如何实现(5种方法)
2017/05/25 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
原生js检测页面加载完毕的实例
2018/09/11 Javascript
JavaScript 点击触发复制功能实例详解
2018/11/02 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
详解Python编程中包的概念与管理
2015/10/16 Python
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
Python安装图文教程 Pycharm安装教程
2018/03/27 Python
利用python如何处理nc数据详解
2018/05/23 Python
从请求到响应过程中django都做了哪些处理
2018/08/01 Python
在python Numpy中求向量和矩阵的范数实例
2019/08/26 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
python利用文件时间批量重命名照片和视频
2021/02/09 Python
希腊品牌鞋类销售网站:epapoutsia.gr
2020/03/18 全球购物
英国顶尖手表珠宝品牌独家授权经销商:HS Johnson
2020/10/28 全球购物
师范生自荐信模板
2014/05/28 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
2015年招生工作总结
2015/05/04 职场文书
会计专业自荐信范文
2019/05/22 职场文书