當前位置:首頁 » 格式模板 » html時間格式化

html時間格式化

發布時間: 2021-03-11 02:15:13

⑴ 求一個時間html代碼 格式:年月日時分秒(可以動)

<script language=JavaScript>
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
function startclock () {
stopclock();
showtime();}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" +((hours >= 12) ? "下午 " : "上午 " )
timeValue += ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
document.clock.thetime.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;}
</SCRIPT>
<body onload=startclock()>
<form name=clock >
<input name=thetime style="font-size: 9pt;color:#000000;border:0" size=12>
</body>

⑵ 怎樣在js裡面格式化日期

最好能在資料庫查詢的時候就轉了,前端處理的話,沒有專門的方法,得自己去寫:

<html>
<head>
<scriptlanguage="javascript">
functionWindow_Load(){
varstr="TueJul1601:07:00CST2013";
alert(formatCSTDate(str,"yyyy-M-dhh:mm:ss"));//2013-7-1616:24:58

alert(formatDate((newDate()),"yyyy-MM-dd"));//2013-07-15
alert(formatDate((newDate()),"yyyy/M/d"));//2013/7/15
}

//格式化CST日期的字串
functionformatCSTDate(strDate,format){
returnformatDate(newDate(strDate),format);
}

//格式化日期,
functionformatDate(date,format){
varpaddNum=function(num){
num+="";
returnnum.replace(/^(d)$/,"0$1");
}
//指定格式字元
varcfg={
yyyy:date.getFullYear()//年:4位
,yy:date.getFullYear().toString().substring(2)//年:2位
,M:date.getMonth()+1//月:如果1位的時候不補0
,MM:paddNum(date.getMonth()+1)//月:如果1位的時候補0
,d:date.getDate()//日:如果1位的時候不補0
,dd:paddNum(date.getDate())//日:如果1位的時候補0
,hh:date.getHours()//時
,mm:date.getMinutes()//分
,ss:date.getSeconds()//秒
}
format||(format="yyyy-MM-ddhh:mm:ss");
returnformat.replace(/([a-z])(1)*/ig,function(m){returncfg[m];});
}
</script>
</head>
<bodyonload="Window_Load();">

</body>
</html>

⑶ Struts <html :text> 怎麼格式化日期急啊

A: <s:a xhref="">-----超鏈接,類似於html里的<a></a> <s:action name="">-----執行一個view裡面的一個action <s:actionerror/>-----如果action的errors有值那麼顯示出來 <s:actionmessage/>-----如果action的message有值那麼顯示出來 <s:append>-----添加一個值到list,類似於list.add(); <s:autocompleter>-----自動完成<s:combobox>標簽的內容,這個是ajax B: <s:bean name="">-----類似於struts1.x中的,JavaBean的值 C: <s:checkbox>-----復選框 <s:checkboxlist list="">-----多選框 <s:combobox list="">-----下拉框 <s:component>-----圖像符號 D: <s:date/>-----獲取日期格式 <s:datetimepicker>-----日期輸入框 <s:debug>-----顯示錯誤信息 <s:div>-----表示一個塊,類似於html的<div></div> <s:doubleselect list="" doubleName="" doubleList="">----雙下拉框 E: <s:if test=""> <s:elseif test=""> <s:else>-----這3個標簽一起使用,表示條件判斷 F: <s:fielderror>-----顯示文件錯誤信息 <s:file>-----文件上傳 <s:form action="">-----獲取相應form的值 G: <s:generator separator="" val="">----和<s:iterator>標簽一起使用 H: <s:head/>-----在<head></head>里使用,表示頭文件結束 <s:hidden>-----隱藏值 I: <s:i18n name=""></s:i18n>-----載入資源包到值堆棧 <s:include value="">-----包含一個輸出,servlet或jsp頁面 <s:inputtransferselect list="">-----獲取form的一個輸入 <s:iterator>-----用於遍歷集合 L: <s:label>-----只讀的標簽 M: <s:merge>-----合並遍歷集合出來的值 O: <s:optgroup>-----獲取標簽組 <s:optiontransferselect doubleList="" list="" doubleName="">-------左右選擇框 P: <s:param>-----為其他標簽提供參數 <s:password>-----密碼輸入框 <s:property/>-----得到'value'的屬性 <s:push value="">-----value的值push到棧中,從而使property標簽的能夠獲取value的屬性 R: <s:radio list="">-----單選按鈕 <s:reset>-----重置按鈕 S: <s:select list="">-----單選框 <s:set name="">-----賦予變數一個特定范圍內的值 <s:sort comparator="">-----通過屬性給list分類 <s:s

⑷ HTML時間代碼格式2016-08-10,必須這樣。

<scriptlanguage=「JavaScript」>setInterval("thistime.innerHTML=newDate().toLocaleString()+'星期'+'日一二三四五六'.charAt(newDate().getDay());",1000);</script>

⑸ 如何使用Javascript格式化日期顯示

<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>字元串日期相互轉換</title>
</head>
<body>
<scripttype="text/javascript">
Date.prototype.format=function(pattern){
varmonth=this.getMonth()+1
,date=this.getDate()
,hours=this.getHours()
,min=this.getMinutes()
,sec=this.getSeconds();
returnpattern.replace(/yyyy/g,this.getFullYear())
.replace(/yy/g,String(this.getFullYear()).substr(2,2))
.replace(/MM/g,month>=10?month:"0"+month)
.replace(/M*/g,month)
.replace(/dd/g,date>=10?date:"0"+date)
.replace(/d*/g,date)
.replace(/hh/gi,hours>=10?hours:"0"+hours)
.replace(/h*/gi,hours)
.replace(/m*/g,min)
.replace(/mm/g,min>=10?min:"0"+min)
.replace(/ss/g,sec>=10?sec:"0"+sec)
.replace(/s*/g,sec);
};

String.prototype.toDate=function(){
returnnewDate(this.replace(/-/g,"/"));
};

window.onload=function(){
//日期轉字元串
varlongMills=1482291758773;
vardate=newDate(longMills);
alert(date.format("yyyy-MM-ddHH:mm:ss"));
//字元串轉日期
varstr1="2016-12-2115:12:32";
varstr2="2016/12/2115:12:32";
alert(str1.toDate());
alert(str2.toDate());

};
</script>
</body>
</html>

給Date對象添加format函數;

⑹ html詳情頁面的時間格式不正確。。。

你那應該是時間格式不對,你檢查下有沒有轉化格式。
不過
時間最好轉化為時間戳保存資料庫,比較好!

⑺ js中要怎麼格式化一個時間

剛項目中需要使用js格式化輸出時間,發現js中並沒有現成的類似PHP中date()的函數。於是用js模擬一個方便以後使用,代碼如下:

格式化時間
參數: formatStr 格式化串 y年,m月,d日,h小時,i分鍾,s秒鍾 預設值 "y-m-d h:i:s"
fdate 要格式化的時間(時間戳)UTC秒數 預設值 當前時間
實例: formatDate() 當前時間默認格式 如 2011-4-12 12:51:12
formatDate('y/m/d', 2132132131) 某時間格式為 年月日 如 2010/12/5
function formatDate(formatStr, fdate)
{
var fTime, fStr = 'ymdhis';
if (!formatStr)
formatStr= "y-m-d h:i:s";
if (fdate)
fTime = new Date(fdate);
else
fTime = new Date();
var formatArr = [
fTime.getFullYear().toString(),
(fTime.getMonth()+1).toString(),
fTime.getDate().toString(),
fTime.getHours().toString(),
fTime.getMinutes().toString(),
fTime.getSeconds().toString()
]
for (var i=0; i<formatArr.length; i++)
{
formatStr = formatStr.replace(fStr.charAt(i), formatArr[i]);
}
return formatStr;
}

⑻ 怎麼在html中把時間戳轉換成正常日期啊

如何把時間戳轉成日期一般有兩種方式,一個是使用腳本語言來轉換好之後顯示,一個是使用js來前台轉換.

一:腳本語言方式(以PHP為例)[推薦]

在輸出的時候遇到時間戳,一般都是使用腳本語言處理好之後傳給前端來顯示.一般的腳本語言中都有轉換時間格式的方法.例如PHP中的date方法

<?php
$time='1499655375';//時間戳一般為10位整型數字
$timestr=date('Y-m-dH:i:s',$time);//轉換時,需要設置輸出格式
echo$timestr;//輸出2017-7-1010:56:15

在php或其他後台腳本處理完之後,然後傳送給前端直接顯示即可.

二:JS前端轉換[不推薦]

如果後台程序不會轉換或者其他原因只能接收到時間戳,那麼就需要前端用JS來裝換格式了.

<script>
vartime='1499655375';
varnewtime=time*1000;//這里需要注意js時間戳精確到毫秒,所以要乘以1000後轉換.

//方法一(格式受限於用戶系統,不推薦):
vartimestr=newDate(newtime);
alert(timestr);//輸出格式2017/7/10上午10:56:15

//方法二(推薦):
functiongettime(t){
var_time=newDate(t);
varyear=_time.getFullYear();//2017
varmonth=_time.getMonth()+1;//7
vardate=_time.getDate();//10
varhour=_time.getHours();//10
varminute=_time.getMinutes();//56
varsecond=_time.getSeconds();//15
returnyear+"年"+month+"月"+date+"日"+hour+":"+minute+":"+second;//這里自己按自己需要的格式拼接
}
alert(gettime(newtime));//輸出2017年7月10日10:56:15
</script>

⑼ html網頁代碼中的時間樣式怎麼設置

<form name=form>
<input type="hidden" type=text name=DaysToAdd size=4 value=0 onFocus="this.select()" onMouseOver="this.focus()">
<input type=text name="display" size=20 value="">
<input type=button value="提取當前時間" onClick="AddDays(this.form)" name="button"><script language="JavaScript">
<!--
function CurentTime()
{
var now = new Date();
var year = now.getFullYear(); //年
var month = now.getMonth() + 1; //月
var day = now.getDate(); //日
var hh = now.getHours(); //時
var mm = now.getMinutes(); //分
var ss = now.getSeconds(); //秒
var clock = year + "-";
if(month < 10)
clock += "0";
clock += month + "-";
if(day < 10)
clock += "0";
clock += day + " ";
if(hh < 10)
clock += "0";
clock += hh + ":";
if (mm < 10) clock += '0';
clock += mm + ":";
if (ss < 10) clock += '0';
clock += ss;
return(clock);
}
function AddDays(form) {
document.form.display.value=CurentTime();}
-->
</script>

⑽ 在HTML頁面用JAVASCRIPT怎樣把時間格式變為日期

代碼如下:
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( ); //獲取日期與時間

熱點內容
塗鴉論文 發布:2021-03-31 13:04:48 瀏覽:698
手機資料庫應用 發布:2021-03-31 13:04:28 瀏覽:353
版面217 發布:2021-03-31 13:04:18 瀏覽:587
知網不查的資源 發布:2021-03-31 13:03:43 瀏覽:713
基金贖回參考 發布:2021-03-31 13:02:08 瀏覽:489
懸疑故事範文 發布:2021-03-31 13:02:07 瀏覽:87
做簡單的自我介紹範文 發布:2021-03-31 13:01:48 瀏覽:537
戰略地圖參考 發布:2021-03-31 13:01:09 瀏覽:463
收支模板 發布:2021-03-31 13:00:43 瀏覽:17
電氣學術會議 發布:2021-03-31 13:00:32 瀏覽:731