本文目錄一覽:
- 1、JS中獲取當前時間的代碼是什麼?
- 2、js 中怎麼獲取當前系統時間 ?
- 3、js如何獲取時間
- 4、求論壇日曆JS代碼
- 5、誰給我發一個JavaScript日曆代碼完整版的包括繪製的表格按鍵這些,謝謝了
JS中獲取當前時間的代碼是什麼?
Date 對象
啟用基本存儲器並取得日期和時間。
dateObj = new Date()
dateObj = new Date(dateVal)
dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])
參數
dateObj
必選項。要賦值為 Date 對象的變量名。
dateVal
必選項。如果是數字值,dateVal 表示指定日期與 1970 年 1 月 1 日午夜間全球標準時間 的毫秒數。如果是字符串,則 dateVal 按照 parse 方法中的規則進行解析。dateVal 參數也可以是從某些 ActiveX(R) 對象返回的 VT_DATE 值。
year
必選項。完整的年份,比如,1976(而不是 76)。
month
必選項。表示的月份,是從 0 到 11 之間的整數( 1 月至 12 月)。
date
必選項。表示日期,是從 1 到 31 之間的整數。
hours
可選項。 如果提供了 minutes 則必須給出。表示小時,是從 0 到 23 的整數(午夜到 11pm)。
minutes
可選項。 如果提供了 seconds 則必須給出。表示分鐘,是從 0 到 59 的整數。
seconds
可選項。 如果提供了 milliseconds 則必須給出。表示秒鐘,是從 0 到 59 的整數。
ms
可選項。 表示毫秒,是從 0 到 999 的整數。
說明
Date 對象保存以毫秒為單位表示特定時間段。如果某個參數的值大於其範圍或為負數,則存儲的其他值將做相應的調整。例如,如果指定 150 秒,JScript 將該數字重新定義為 2 分 30 秒。
如果數字為 NaN,則表示該對象不代表特定的時間段。如果未向 Date 對象傳遞參數,它將被初始化為當前時間 (UTC)。在能夠使用該對象前必須為其賦值。
Date 對象能夠表示的日期範圍約等於 1970 年 1 月 1 日前後各 285,616 年。
Date 對象具有兩個不創建 Date 對象就可以調用的靜態方法。它們是 parse 和 UTC。
錯誤
下面的示例演示了 Date 對象的用法。
function DateDemo(){
var d, s = “Today’s date is: “; // 聲明變量。
d = new Date(); // 創建 Date 對象。
s += (d.getMonth() + 1) + “/”; // 獲取月份。
s += d.getDate() + “/”; // 獲取日。
s += d.getYear(); // 獲取年份。
return(s); // 返回日期。
}
js 中怎麼獲取當前系統時間 ?
系統時間一般是值服務端時間,js獲取服務端時間的方法是直接用ajax獲取。
編寫顯示時間的頁面:
html
head
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
titleServer date/time/title
script language=”javascript” src=”serverDate.js”/script
/head
script language=”javascript”
var localTime = new Date();
document.write(“Local machine time is: ” + localTime + “br”);
document.write(“Server time is: ” + date);
/script
body
/body
ajax腳本獲取server的時間
var xmlHttp;
function srvTime(){
try {
//創建xmlHttp對象
xmlHttp = new XMLHttpRequest();
}
catch (err1) {
//ie瀏覽器
try {
xmlHttp = new ActiveXObject(‘Msxml2.XMLHTTP’);
}
catch (err2) {
try {
xmlHttp = new ActiveXObject(‘Microsoft.XMLHTTP’);
}
catch (eerr3) {
//ajax不支持
alert(“AJAX not supported”);
}
}
}
//打開xmlHttp請求
xmlHttp.open(‘HEAD’,window.location.href.toString(),false);
//設置xmlHttp請求頭
xmlHttp.setRequestHeader(“Content-Type”, “text/html”);
//發送請求
xmlHttp.send(”);
// 獲取response中的Date參數
return xmlHttp.getResponseHeader(“Date”);
}
var st = srvTime(); //服務器時間賦值給st變量
var date = new Date(st); //轉換js的date對象
// 輸出服務器時間
document.write(“服務器時間: ” + date);
拓展資料:
JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。
語句:JavaScript程序是由若干語句組成的,語句是編寫程序的指令。JavaScript提供了完整的基本編程語句,
它們是:賦值語句、switch選擇語句、while循環語句、for循環語句、for each循環語句、do…while循環語句、break循環中止語句、continue循環中斷語句、with語句、try…catch語句、if語句(if..else,if…else if…)。
js如何獲取時間
Js獲取當前日期時間及其它操作
var myDate = new Date();
myDate.getYear(); //獲取當前年份(2位)
myDate.getFullYear(); //獲取完整的年份(4位,1970-????)
myDate.getMonth(); //獲取當前月份(0-11,0代表1月)
myDate.getDate(); //獲取當前日(1-31)
myDate.getDay(); //獲取當前星期X(0-6,0代表星期天)
myDate.getTime(); //獲取當前時間(從1970.1.1開始的毫秒數)
myDate.getHours(); //獲取當前小時數(0-23)
myDate.getMinutes(); //獲取當前分鐘數(0-59)
myDate.getSeconds(); //獲取當前秒數(0-59)
myDate.getMilliseconds(); //獲取當前毫秒數(0-999)
myDate.toLocaleDateString(); //獲取當前日期
var mytime=myDate.toLocaleTimeString(); //獲取當前時間
myDate.toLocaleString( ); //獲取日期與時間
日期時間腳本庫方法列表
Date.prototype.isLeapYear 判斷閏年
Date.prototype.Format 日期格式化
Date.prototype.DateAdd 日期計算
Date.prototype.DateDiff 比較日期差
Date.prototype.toString 日期轉字符串
Date.prototype.toArray 日期分割為數組
Date.prototype.DatePart 取日期的部分信息
Date.prototype.MaxDayOfDate 取日期所在月的最大天數
Date.prototype.WeekNumOfYear 判斷日期所在年的第幾周
StringToDate 字符串轉日期型
IsValidDate 驗證日期有效性
CheckDateTime 完整日期時間檢查
daysBetween 日期天數差
js代碼:
//—————————————————
// 判斷閏年
//—————————————————
Date.prototype.isLeapYear = function()
{
return (0==this.getYear()%4((this.getYear()%100!=0)||(this.getYear()%400==0)));
}
//—————————————————
// 日期格式化
// 格式 YYYY/yyyy/YY/yy 表示年份
// MM/M 月份
// W/w 星期
// dd/DD/d/D 日期
// hh/HH/h/H 時間
// mm/m 分鐘
// ss/SS/s/S 秒
//—————————————————
求論壇日曆JS代碼
我給你啊 。。。。。。。。。。~~~~~~~~~~~
function UncCalendar (sName, sDate)
{
/////////////////////////////////////////////////////////////////////////
//定義UncCalendar對象的屬性並賦默認值。
//inputValue屬性的值為”today”時表示(客戶機)當前日期。
//直接在這裡把默認值修改成你想要的,使用時你就什麼也不用設置了。
this.inputName = sName || “uncDate”;
this.inputValue = sDate || “”;
this.inputSize = 10;
this.inputClass = “”;
this.color = “#333333”;
this.bgColor = “#EEEEEE”;
this.buttonWidth = 60;
this.buttonWords = “選擇日期”;
this.canEdits = true;
this.hidesSelects = true;
/////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////
//定義display方法。
this.display = function ()
{
var reDate = /^(19[7-9]\d|20[0-5]\d)\-(0?\d|1[0-2])\-([0-2]?\d|3[01])$/;
if (reDate.test(this.inputValue))
{
var dates = this.inputValue.split(“-“);
var year = parseInt(dates[0], 10);
var month = parseInt(dates[1], 10);
var mday = parseInt(dates[2], 10);
}
else
{
var today = new Date();
var year = today.getFullYear();
var month = today.getMonth()+1;
var mday = today.getDate();
}
if (this.inputValue == “today”)
inputValue = year + “-” + month + “-” + mday;
else
inputValue = this.inputValue;
var lastDay = new Date(year, month, 0);
lastDay = lastDay.getDate();
var firstDay = new Date(year, month-1, 1);
firstDay = firstDay.getDay();
var btnBorder =
“border-left:1px solid ” + this.color + “;” +
“border-right:1px solid ” + this.color + “;” +
“border-top:1px solid ” + this.color + “;” +
“border-bottom:1px solid ” + this.color + “;”;
var btnStyle =
“padding-top:3px;cursor:default;width:” + this.buttonWidth + “px;text-align:center;height:18px;top:-9px;” +
“font:normal 12px 宋體;position:absolute;z-index:99;background-color:” + this.bgColor + “;” +
“line-height:12px;” + btnBorder + “color:” + this.color + “;”;
var boardStyle =
“position:absolute;width:1px;height:1px;background:” + this.bgColor + “;top:8px;border:1px solid “+
this.color + “;display:none;padding:3px;”;
var buttonEvent =
” onmouseover=\”this.childNodes[0].style.borderBottom=’0px’;” +
“this.childNodes[1].style.display=”;this.style.zIndex=100;” +
(this.hidesSelects ?
“var slts=document.getElementsByTagName(‘SELECT’);” +
“for(var i=0;islts.length;i++)slts[i].style.visibility=’hidden’;”
: “”) + “\”” +
” onmouseout=\”this.childNodes[0].style.borderBottom=’1px solid ” + this.color + “‘;” +
“this.childNodes[1].style.display=’none’;this.style.zIndex=99;” +
(this.hidesSelects ?
“var slts=document.getElementsByTagName(‘SELECT’);” +
“for(var i=0;islts.length;i++)slts[i].style.visibility=”;”
: “”) + “\”” +
” onselectstart=\”return false;\””;
var mdayStyle = “font:normal 9px Verdana,Arial,宋體;line-height:12px;cursor:default;color:” + this.color;
var weekStyle = “font:normal 12px 宋體;line-height:15px;cursor:default;color:” + this.color;
var arrowStyle = “font:bold 7px Verdana,宋體;cursor:hand;line-height:16px;color:” + this.color;
var ymStyle = “font:bold 12px 宋體;line-height:16px;cursor:default;color:” + this.color;
var changeMdays =
“var year=parseInt(this.parentNode.cells[2].childNodes[0].innerText);” +
“var month=parseInt(this.parentNode.cells[2].childNodes[2].innerText);” +
“var firstDay=new Date(year,month-1,1);firstDay=firstDay.getDay();” +
“var lastDay=new Date(year,month,0);lastDay=lastDay.getDate();” +
“var tab=this.parentNode.parentNode, day=1;” +
“for(var row=2;row8;row++)” +
” for(var col=0;col7;col++){” +
” if(row==2colfirstDay){” +
” tab.rows[row].cells[col].innerHTML=’ ‘;” +
” tab.rows[row].cells[col].isDay=0;}” +
” else if(day=lastDay){” +
” tab.rows[row].cells[col].innerHTML=day;” +
” tab.rows[row].cells[col].isDay=1;day++;}” +
” else{” +
” tab.rows[row].cells[col].innerHTML=”;” +
” tab.rows[row].cells[col].isDay=0;}” +
” }”;
var pyEvent =
” onclick=\”var y=this.parentNode.cells[2].childNodes[0];y.innerText=parseInt(y.innerText)-1;” +
changeMdays + “\””;
var pmEvent =
” onclick=\”var y=this.parentNode.cells[2].childNodes[0];m=this.parentNode.cells[2].childNodes[2];” +
“m.innerText=parseInt(m.innerText)-1;if(m.innerText==’0′){m.innerText=12;y.innerText=” +
“parseInt(y.innerText)-1;}” + changeMdays + “\””;
var nmEvent =
” onclick=\”var y=this.parentNode.cells[2].childNodes[0];m=this.parentNode.cells[2].childNodes[2];” +
“m.innerText=parseInt(m.innerText)+1;if(m.innerText==’13’){m.innerText=1;y.innerText=” +
“parseInt(y.innerText)+1;}” + changeMdays + “\””;
var nyEvent =
” onclick=\”var y=this.parentNode.cells[2].childNodes[0];y.innerText=parseInt(y.innerText)+1;” +
changeMdays + “\””;
var mdayEvent =
” onmouseover=\”if(event.srcElement.tagName==’TD’event.srcElement.isDay){” +
“event.srcElement.style.backgroundColor='” + this.color + “‘;” +
“event.srcElement.style.color='” + this.bgColor + “‘;” +
“event.srcElement.style.cursor=’hand’;” +
“var ym=event.srcElement.parentNode.parentNode.rows[0].cells[2].childNodes;” +
“event.srcElement.title=ym[0].innerText+’-‘+ym[2].innerText+’-‘+event.srcElement.innerText;}\”” +
” onmouseout=\”if(event.srcElement.tagName==’TD’event.srcElement.isDay){” +
“event.srcElement.style.backgroundColor='” + this.bgColor + “‘;” +
“event.srcElement.style.color='” + this.color + “‘;” +
“event.srcElement.style.cursor=’default’;” +
“var ym=event.srcElement.parentNode.parentNode.rows[0].cells[2].childNodes;” +
“event.srcElement.title=ym[0].innerText+’-‘+ym[2].innerText+’-‘+event.srcElement.innerText;}\”” +
” onclick=\”if(event.srcElement.tagName==’TD’event.srcElement.isDay){” +
“var inp=this.parentNode.parentNode.parentNode.previousSibling.childNodes[0];” +
“inp.value=this.rows[0].cells[2].childNodes[0].innerText+’-‘+this.rows[0].cells[2].childNodes[2].” +
“innerText+’-‘+event.srcElement.innerText;” +
“this.parentNode.style.display=’none’;this.parentNode.parentNode.style.zIndex=99;” +
“this.parentNode.previousSibling.style.borderBottom=’1px solid ” + this.color + “‘;” +
(this.hidesSelects ?
“var slts=document.getElementsByTagName(‘SELECT’);” +
“for(var i=0;islts.length;i++)slts[i].style.visibility=”;”
: “”) + “}\””;
var output = “”;
output += “table cellpadding=0 cellspacing=1 style=’display:inline;’tr”;
output += ” tdinput size=” + this.inputSize + ” maxlength=10 value=\”” + inputValue + “\””;
output += (this.canEdits ? “” : ” readonly”) + ” name=\”” + this.inputName + “\”/td”;
output += ” td width=” + this.buttonWidth + “”;
output += ” div style=\”position:absolute;overflow:visible;width:0px;height:0px;\”” + buttonEvent + “”;
output += ” div style=\”” + btnStyle + “\”nobr” + this.buttonWords + “/nobr/div”;
output += ” div style=\”” + boardStyle + “\””;
output += ” table cellspacing=1 cellpadding=1 width=175″ + mdayEvent + “”;
output += ” tr height=20 align=center”;
output += ” td style=\”” + arrowStyle + “\” title=\”上一年\”” + pyEvent + “/td”;
output += ” td style=\”” + arrowStyle + “\” align=left title=\”上個月\”” + pmEvent + “/td”;
output += ” td colspan=3 style=\”” + ymStyle + “\” valign=bottom”;
output += ” span” + year + “/spanspan年/spanspan” + month + “/spanspan月/span”;
output += ” /td”;
output += ” td style=\”” + arrowStyle + “\” align=right title=\”下個月\”” + nmEvent + “/td”;
output += ” td style=\”” + arrowStyle + “\” title=\”下一年\”” + nyEvent + “/td”;
output += ” /tr”;
output += ” tr height=20 align=center bgcolor=” + this.bgColor + “”;
output += ” td width=14% style=\”” + weekStyle + “\”日/td”;
output += ” td width=14% style=\”” + weekStyle + “\”一/td”;
output += ” td width=14% style=\”” + weekStyle + “\”二/td”;
output += ” td width=14% style=\”” + weekStyle + “\”三/td”;
output += ” td width=14% style=\”” + weekStyle + “\”四/td”;
output += ” td width=14% style=\”” + weekStyle + “\”五/td”;
output += ” td width=14% style=\”” + weekStyle + “\”六/td”;
output += ” /tr”;
var day = 1;
for (var row=0; row6; row++)
{
output += “tr align=center”;
for (var col=0; col7; col++)
{
if (row == 0 col firstDay)
output += “td style=\”” + mdayStyle + “\” /td”;
else if (day = lastDay)
{
output += “td style=\”” + mdayStyle + “\” isDay=1″ + day + “/td”;
day++;
}
else
output += “td style=\”” + mdayStyle + “\”/td”;
}
output += “/tr”;
}
output += ” /table”;
output += ” /div”;
output += ” /div”;
output += ” /td”;
output += “/tr/table”;
document.write(output);
}
/////////////////////////////////////////////////////////////////////////
}
誰給我發一個JavaScript日曆代碼完整版的包括繪製的表格按鍵這些,謝謝了
腳本說明:
把如下代碼加入body區域中
script language=”javascript”
!–
// fill the month table with column headings
function day_title(day_name){
document.write(“TD ALIGN=center WIDTH=35″+day_name+”/TD”)
}
// fills the month table with numbers
function fill_table(month,month_length)
{
day=1
// begin the new month table
document.write(“TABLE BORDER=3 CELLSPACING=3 CELLPADDING=%3TR”)
document.write(“TD COLSPAN=7 ALIGN=centerB”+month+” “+year+”/BTR”)
// column headings
day_title(“Mon”)
day_title(“Tue”)
day_title(“Wed”)
day_title(“Thu”)
day_title(“Fri”)
day_title(“Sat”)
day_title(“Sun”)
// pad cells before first day of month
document.write(“/TRTR”)
for (var i=1;istart_day;i++){
document.write(“TD”)
}
// fill the first week of days
for (var i=start_day;i8;i++){
document.write(“TD ALIGN=center”+day+”/TD”)
day++
}
document.write(“TR”)
// fill the remaining weeks
while (day = month_length) {
for (var i=1;i=7 day=month_length;i++){
document.write(“TD ALIGN=center”+day+”/TD”)
day++
}
document.write(“/TRTR”)
// the first day of the next month
start_day=i
}
document.write(“/TR/TABLEBR”)
}
// end hiding —
/script
script language=”javascript”
// year
year=2000
// first day of the week of the new year
today= new Date(“January 1, “+year)
start_day = today.getDay() + 1 // starts with 0
fill_table(“January”,31)
fill_table(“February”,28)
fill_table(“March”,31)
fill_table(“April”,30)
fill_table(“May”,31)
fill_table(“June”,30)
fill_table(“July”,31)
fill_table(“August”,31)
fill_table(“September”,30)
fill_table(“October”,31)
fill_table(“November”,30)
fill_table(“December”,31)
/script
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/248762.html