1. 程式人生 > >Date型別資料的前端js顯示

Date型別資料的前端js顯示

         以前,顯示Date型別的資料都習慣在伺服器端通過SimpleDateFormat來進行轉化,轉化成一定型別格式的字串,然後再通過EL表示式在JSP中顯示。這一次突然心裡想嘗試一下,在前端通過js進行轉化顯示。

        如果沒進行任何轉化的話,前端顯示效果為,外國人應該沒問題, 但國人肯定就不喜歡了。那如何轉化呢?

        我首先想到了jsDate物件,它有許多對時間進行操作的方法。當然首先要例項化後臺的時間為Date物件,我想到用new Date(Tue Jan 06 15:41:25 CST 2015),但很不幸,這樣得到的js Date物件總比真實時間快14小時,具體什麼原因我還不知道。還有就是Date物件

toString()toLocaleString()toUTCString()都得不到想要的格式。於是想到自己拼湊字串,而通過getMonth()得到的月份是(0-11)不是(01-12),所以還是嘗試失敗。

        最後,我看到其實已經包含了我想要的時間資訊了,我何不對此字串直接提取資訊呢,於是有了以下的程式碼。

     var monthcon = {"Jan":"01","Feb":"02","Mar":"03","Apr":"04",
			         "May":"05","Jun":"06","Jul":"07","Aug":"08",
			         "Sep":"09","Oct":"10","Nov":"11","Dec":"12"};
     function formatDate(){
    	 var pdates = $(".pdate");
    	 $.each(pdates,function(i,ptime){
    		 var pdate = $(this).text();
    		 var dateArray = pdate.split(" ");
    		 var rtime = dateArray[5]+"-"+monthcon[dateArray[1]]+"-"+dateArray[2]+"  "+dateArray[3].substring(0,5);
    		 $(this).text(rtime);
    	 });
     }
     formatDate();
        此時的頁面顯示的效果為

            

相關推薦

資料庫date型別資料前端頁面顯示格式不正確問題

oracle date 資料  型別 2017-01-13 10:53:03 頁面前端顯示樣式 Fri Oct 13 10:53:03 CST 2017  解決方法 <fmt:formatDa

spring boot返回date型別前端顯示的是毫秒的問題

資料庫欄位型別為datetime  實體儲存的型別是date型別 我們把資料從資料庫中讀取返回給前端,發現date型別顯示是毫秒,怎麼格式化,下面給你兩種方法: 全域性在配置檔案中新增: spring.jackson.date-format=yyyy-MM-dd HH:mm

Date型別資料前端js顯示

         以前,顯示Date型別的資料都習慣在伺服器端通過SimpleDateFormat來進行轉化,轉化成一定型別格式的字串,然後再通過EL表示式在JSP中顯示。這一次突然心裡想嘗試一下,在前端通過js進行轉化顯示。         如果沒進行任何轉化的話,前端顯

ORCALE資料庫Date型別資料用String型別接收收出現.0情況也就是顯示毫秒數

如: {    "createdate": "2018-11-28 14:53:24.0", } 但是資料庫中查詢結果並沒有毫秒數    解決方案     public void setCreat

解決easyui 中顯示Date型別資料為[object Object],json中格式化日期

javabean中 public class Ent{  /**   *   */  private static final long serialVersionUID = 456194500355659344L;      private String id;//主鍵

如何將java的date型別傳給js使用,變為字串顯示

沒看到是我js檔案裡面有人寫好了 format方法,抱歉。 後臺直接將java.util.date型別傳過來就行,在前臺會變成時間戳的樣子, 在前臺直接用 js new date(後臺傳過來的引數) 就能生成 js的date型別了, 如果想要顯示成 字串形式 使用js的格

java 直接返回Date型別資料前端前端的處理方法

// 前端獲取到資料格式是: // "drvierDate":{"date":9,"day":6,"hours":16,"minutes":30,"month":7,"nanos":0,"seconds":0,"time":1407573000000,"timezoneOf

Jsp格式化顯示Date型別資料

第一步:匯入相關的標籤庫 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 第二步:顯示你需要的資料 <fmt:formatDate value="${each.lastT

後臺傳遞DateTime型別資料到前臺顯示/Date(1528873289000)/格式化

function changeDateFormat(val) { if (val != null) { var date = new Date(parseInt(

Oracle中獲取Date型別資料,沒有時分秒

oralce資料庫中,獲取Date型別資料,發現數據的格式為:“yyyy-mm-dd”,而不是“yyyy-mm-dd hh24:mi:ss” 1,使用JDBC從oracle資料庫中取Date型別資料,當使用getDate(“欄位名”)方法取值時,只能獲取到日期,而無法獲

JSONObject序列化包含Date型別資料的Java物件

1、引入依賴包: <dependency> <groupId>net.sf.json-lib</groupId> <artifactId>json-lib</artifactId> <version>

mysql將timestamp型別轉換成date型別資料

語法格式如下:date_format(timestamp,'%Y-%m-%d %T') DATE_FORMAT() 函式用於以不同的格式顯示日期/時間資料。 DATE_FORMAT(date,format) :date 引數是合法的日期,format 規定日期/時間的輸出

spring boot restful介面傳遞或接收date型別資料

前言 我們在開發spring boot restful介面的時候,通常定義請求物件和返回物件,裡面可能會有各種型別的引數,如果需要傳遞或接收date型別的引數,發現呼叫的時候會報引數型別不匹配的錯誤,下面看如何解決 1、@JsonFormat註解 在請求引數定義date型別的

Springboot框架下Date型別資料上傳問題

問題場景:使用Springboot框架搭建服務,實現如下需求, 服務端使用實體類接收客戶端上傳具有相同結構的json資料資訊,其中實體類的屬性欄位中包含java.util.Date型別的屬性欄位。問題描述:1.由客戶端上傳的json資料中Date欄位格式為“2016-08-1

springMVC返回json資料date型別資料被轉成long型別

在專案的過程中肯定會遇到ajax請求,但是再用的過程中會發現,在資料庫中好好的時間型別資料:2017-05-04 17:52:24 在轉json的時候,得到的就不是時間格式了 而是145245121這

json Date型別資料處理

我們經常使用 JSONArray array=JSONArray.fromObject() 將物件集合  List  轉換成jsp所需的   JSONArray   形式 但是當處理到的  List  中包含  Date  型別的資料時,會出現錯誤。 此時,我們應該怎

SpringMVC接收java.util.Date型別資料的2種方法

在Controller中如下定義方法 public PassQueryRequest trade(@ModelAttribute PassQueryRequest tradeRequest, @Req

錯誤總結之Date型別資料返回格式

Date型別資料在封裝屬性,設定get/set方法時需要加@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")格式化註解,否則以json格式返回給前臺時會以時間戳的形式返回 例: 返回birthday資料: 為時間戳! 將方法

util.Date型別資料插入mysql資料庫時,日期總會少一天,16個小時

插入資料庫前的資料和取出來後的資料 這是簡單的程式碼 檢查了資料庫,生日的型別是date 檢查了資料庫時區的配置,原先是System,我改為了北京時區,都是不行, 再檢查了eclipse的時區配置,也是沒問題 show variables like "%time_

java中String型別資料Date型別資料相互轉換

//實體類 public class Bean {    public int id;  public String name;  public Date date;  public int getId() {   return id;  }  public void se