快捷導(dǎo)航

在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時間格式實例

更新時間：2017年05月11日 15:36:31 作者：蘇書——小米

本篇文章主要介紹了在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時間格式實例，非常具有實用價值，需要的朋友可以參考下

最近做的一個項目，從后臺查詢到日期數(shù)據(jù)傳到前臺JS中遍歷之后顯示的是以"14"開頭的毫秒數(shù)，剛開始想用"simpleDateFormat"類處理，結(jié)果顯示都不顯示了。后來查了一下資料，感覺其實很簡單，下面把自己的方法分享給大家以供參考。

1.顯示的毫秒數(shù)

2.處理之前的樣式

3.處理之后的樣式

Date.prototype.toLocaleString = function() {
               return this.getFullYear() + "-" + (this.getMonth() + 1) + "-" + this.getDate() + " " + this.getHours() + ":" + this.getMinutes() + ":" + this.getSeconds();
            };

success:function(data){
          var Str="";  
          var length = data.length;
          for(var i=0;i<length;i++){  
             //Str += '<tr><td>'+data[i].roleId+'</td><td>'+data[i].roleName+'</td><td>'+data[i].remarks+'</td><td>'+data[i].createBy+'</td><td>'+data[i].createDate+'</td><td>'+data[i].updateBy+'</td><td>'+data[i].updateDate+'</td><td>'+data[i].status+'</td></tr>';
            Date.prototype.toLocaleString = function() {
               return this.getFullYear() + "-" + (this.getMonth() + 1) + "-" + this.getDate() + " " + this.getHours() + ":" + this.getMinutes() + ":" + this.getSeconds();
            };
            Str += "<tr>" +
             "<td class=\"tbody_check\">" +
              "<span class=\"check\">" +
                "<input type=\"checkbox\" value=\""+data[i].roleId+"\" name=\"checkbox\">" +
              "</span>" +
             "</td>" +
             "<td>" +data[i].roleId+"</td>" +
             "<td>" +data[i].roleName+"</td>" +
             "<td>" +data[i].remarks+"</td>" +
             "<td>" +data[i].createBy+"</td>" +
             "<td>" +new Date(data[i].createDate).toLocaleString()+"</td>" +
             "<td>" +data[i].updateBy+"</td>" +
             "<td>" +new Date(data[i].updateDate).toLocaleString()+"</td>" +
             "<td>" +data[i].status+"</td>" +
           "</tr>";
          }
          $("#rolelist").html(Str);
        }

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

javascript中Math.random()使用詳解
Math.random() 這個方法相信大家都知道，是用來生成隨機(jī)數(shù)的。不過一般的參考手冊時卻沒有說明如何用這個方法來生成指定范圍內(nèi)的隨機(jī)數(shù)。這次我就來詳細(xì)的介紹一下Math.random()，以及如何用它來生成制定范圍內(nèi)的隨機(jī)數(shù)。
2015-04-04
微信小程序?qū)崿F(xiàn)Canvas畫板源代碼
微信小程序中的畫布是非常重要的展示控件,其相當(dāng)于HTML中的canvas控件,下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)Canvas畫板的相關(guān)資料,需要的朋友可以參考下
2024-08-08
js實現(xiàn)日期天數(shù)、時分秒的倒計時完整代碼
這篇文章主要給大家介紹了關(guān)于js實現(xiàn)日期天數(shù)、時分秒的倒計時的相關(guān)資料,實現(xiàn)倒計時功能首先是得到目標(biāo)時間,然后用當(dāng)前時間減去目標(biāo)時間,最后將時間差傳化為天數(shù)、時、分、秒,需要的朋友可以參考下
2023-11-11
使用ionic在首頁新聞中應(yīng)用到的跑馬燈效果的實現(xiàn)方法
在app中經(jīng)常會有滾動的跑馬燈效果的運(yùn)用，接下來通過本文給大家介紹使用ionic在首頁新聞中應(yīng)用到的跑馬燈效果的實現(xiàn)方法，需要的的朋友參考下
2017-02-02
Javascript中的window.event.keyCode使用介紹
我們之前發(fā)過不少關(guān)于event.keyCode相關(guān)的文章，大家都可以參考下。
2011-04-04
使用javascript實現(xiàn)ListBox左右全選,單選,多選,全請
使用javascript實現(xiàn)ListBox左右全選,單選,多選,全請。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
JavaScript URL參數(shù)讀取改進(jìn)版
此前發(fā)表的那一版確實能不用循環(huán)，但是總用正則表達(dá)式的替換，不一定比用循環(huán)提高性能，而且把程序搞得有些太復(fù)雜了。從《JavaScript權(quán)威指南》上學(xué)到的范例如下
2009-01-01
現(xiàn)代 javscript 編程資料
現(xiàn)代 javscript 編程資料...
2007-04-04
JavaScript中閉包的詳解
本文主要介紹了JavaScript中閉包的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
整理關(guān)于Bootstrap過渡動畫的慕課筆記
這篇文章主要為大家整理了關(guān)于Bootstrap動畫過渡的慕課筆記，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03