首頁 > web前端 > js教程 > 主體

JavaScript對時間格式處理的詳解

零下一度
發布: 2017-07-23 10:42:11
原創
1598 人瀏覽過

写这篇文章,总结一下前端JavaScript遇到的时间格式处理。

1 C#时间戳处理

从后台返回的C#时间为:/Date(-62135596800000)/,这个是C#的DateTime.MinValue; 要在html页面展示,一个方法是后端先处理成yyyy-MM-dd HH:mm:ss的格式,前端直接展示。 如果后端不做处理,就需要前端来做处理了,下面就是看前端处理的这种情况。

代码如下:

// 说明:将C#时间戳,格式为:/Date(-62135596800000),转换为js时间。// 参数:timeSpan 字符串 例如:'/Date(-62135596800000)'// 结果:JS的Datevar parseDate = function(timeSpan)
{    var timeSpan = timeSpan.replace('Date','').replace('(','').replace(')','').replace(/\//g,'');    var d = new Date(parseInt(timeSpan));    return d;
};
登入後複製

2 JS时间格式化处理

2.1转换为:yyyy-MM-dd HH:mm:ss格式

代码如下:

// 说明:JS时间Date格式化参数// 参数:格式化字符串如:'yyyy-MM-dd HH:mm:ss'// 结果:如2016-06-01 10:09:00Date.prototype.Format = function (fmt) { //author: meizz     var o = {        "M+": this.getMonth() + 1,         "d+": this.getDate(),         "H+": this.getHours(),          "m+": this.getMinutes(),          "s+": this.getSeconds(),         "q+": Math.floor((this.getMonth() + 3) / 3),         "S": this.getMilliseconds()      };    var year = this.getFullYear();    var yearstr = year + '';    yearstr = yearstr.length >= 4 ? yearstr : '0000'.substr(0, 4 - yearstr.length) + yearstr;        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (yearstr + "").substr(4 - RegExp.$1.length));    for (var k in o)    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));    return fmt;}
登入後複製

JavaScript简单日期代码:

<script>
var dt=new Date();
var year=dt.getFullYear();
var month=dt.getMonth()+1;
var date=dt.getDate();
var day=dt.getDay();
var dayColl=[&#39;星期一&#39;,&#39;星期二&#39;,&#39;星期三&#39;,&#39;星期四&#39;,&#39;星期五&#39;,&#39;星期六&#39;,&#39;星期日&#39;];
var riqi=year+"年"+month+"月"+date+"日";
var xingqi=dayColl[day-1];
$(function(){
$("#date").html(riqi);
$("#date").next().html(xingqi);
});
</script>
登入後複製


以上是JavaScript對時間格式處理的詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板