純JS指令碼如何實現日曆控制項

2021-04-13 09:59:13 字數 2422 閱讀 2483

說明:複製下面**後,呼叫showcalendar(inputbox),inputbox表示文字框的id,

就可實現超炫的日曆控制項啦,純指令碼的哦!!

// jscript 檔案

var months = new array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月");

var daysinmonth = new array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);

var days = new array("日","一", "二", "三", "四", "五", "六");

var today;

document.writeln("

");

function getdays(month, year)

function gettoday()

function getstringday(str)

function newcalendar()

else if(intday==6) //週六

cell.style.color='green';

else if (intday==0) //週日

cell.style.color='red';

if ((daily > 0) && (daily <= intdaysinmonth))

else

cell.innertext = "";

} }

function getdate(inputbox) }

function hiddencalendar()

function showcalendar(inputbox)

document.all.calendar.style.left=x+2;

document.all.calendar.style.top=y+20;

document.all.calendar.style.visibility="visible";

//下面開始輸出日曆**(border-color:#9dbaf7)

divcontent="";

divcontent+="";

divcontent+="";

//年divcontent+="";

for (intloop = thisyear - 105; intloop < (thisyear + 106); intloop++)

divcontent+="" + intloop + "";

divcontent+="";

//月divcontent+="";

for (intloop = 0; intloop < months.length; intloop++)

divcontent+="" + months[intloop] + "";

divcontent+="";

divcontent+="";

divcontent+="s";

divcontent+="";

divcontent+="";

divcontent+="";

//星期

divcontent+="";

for (intloop = 0; intloop < days.length; intloop++)

divcontent+="" + days[intloop] + "";

divcontent+="";

//天for (intweeks = 0; intweeks < 6; intweeks++)

divcontent+="";

document.all.calendar.innerhtml=divcontent;

newcalendar();}

function isdate(datestr)

)(/-)(/d)(/-)(/d)$/;

var matcharray = datestr.match(datepat);

if (matcharray == null) return false;

var month = matcharray[3];

var day = matcharray[5];

var year = matcharray[1];

if (month < 1 || month > 12) return false;

if (day < 1 || day > 31) return false;

if ((month==4 || month==6 || month==9 || month==11) && day==31) return false;

if (month == 2)

return true;

}

js日曆控制項

網上有許多js寫的時間選擇控制項,但大都不能在aspx中使用 只能在html中用 好不容易找到乙個可以用的,不過介面難看了 如下 在head中包含 src中的檔名當然是根據自己的檔名來的 在輸入框 編碼問題 最佳方法是把js的編碼換成utf 8,而不是把aspx的編碼換成gb2312 在vs中開啟該...

js日曆控制項集合

在進行開發的過程中,經常需要輸入時間,特別是在進行查詢 統計的時候,時間限定更為重要。儘管asp.net也整合了日曆控制項,但是其整合的 量很大,你可以做乙個測試,當你在頁面使用乙個日曆控制項時,在發布之後檢視該頁面的源 你會驚奇發現,日曆控制項的 量很龐大,這就大大增加的頻寬的開銷,每當乙個客戶端...

JS處理日曆控制項

前言 日曆控制項是web 上經常會遇到的乙個場景,有些輸入框是可以直接輸入日期的,有些不能,以我們經常搶票的12306 為例,詳細講解如何解決日曆控制項為readonly屬性的問題。基本思路 先用js去掉readonly屬性,然後直接輸入日期文字內容 一 日曆控制項 1.開啟12306的車票查詢介面...