基于Asp.net與Javascript控制的日期控件
更新時(shí)間：2010年05月22日 02:42:31 作者：
使用Asp.net+Javascript控制的日期控件，需要的朋友可以參考下。
控件效果如下：
從左到右：month，day，year
.cs文件初始化這三個(gè)下拉列表
復(fù)制代碼 代碼如下:
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代碼如下（自己寫的，不保證完全正確?。?
復(fù)制代碼 代碼如下:
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"));
}
}
}
您可能感興趣的文章:
相關(guān)文章
js加強(qiáng)的經(jīng)典分頁實(shí)例，需要的朋友可以參考一下2013-03-03
拖動(dòng)層效果，兼容IE和FF!...2006-11-11
返回頁面頂部top按鈕通過錨點(diǎn)實(shí)現(xiàn)(自寫)
用戶在使用系統(tǒng)時(shí)，會(huì)有很多表單的操作然而很多表單就會(huì)很長,所以就需要一個(gè)返回頁面頂部的top按鈕啦，于是自己寫了一個(gè)，喜歡的朋友可以參考下2013-08-08
這篇文章主要介紹了Bootstrap模態(tài)框案例解析,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了微信小程序全局變量的設(shè)置、使用、修改過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
JavaScript實(shí)現(xiàn)手寫promise的示例代碼
promise?作為前端開發(fā)中常用的函數(shù)，解決了?js?處理異步時(shí)回調(diào)地獄的問題，大家應(yīng)該也不陌生了，今天來學(xué)習(xí)一下?promise?的實(shí)現(xiàn)過程吧2023-04-04
這篇文章主要介紹了js 壓縮圖片的示例，幫助大家利用js處理圖片，完成特殊需求，感興趣的朋友可以了解下2020-10-10
基于JS實(shí)現(xiàn)Flappy?Bird游戲的示例代碼
Flappy?Bird是13年紅極一時(shí)的小游戲，即摁上鍵控制鳥的位置穿過管道間的縫隙。本文將用JS實(shí)現(xiàn)這一經(jīng)典的游戲，需要的可以參考一下2022-04-04
HBuilderX開發(fā)一個(gè)簡單的微信小程序的實(shí)現(xiàn)步驟
本文主要介紹了HBuilderX開發(fā)一個(gè)簡單的微信小程序的實(shí)現(xiàn)步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
用js實(shí)現(xiàn)計(jì)算加載頁面所用的時(shí)間
用js實(shí)現(xiàn)計(jì)算加載頁面所用的時(shí)間的代碼，需要的朋友可以參考下。2010-04-04