2013-08-02 65 views
3

那麼似乎有類似的問題衆多,但沒有,我可以找到回答這個特定的問題..所以這裏去..在Kendo UI Grid中將UNIX時間戳格式化爲人類日期的正確方法是什麼?

有一個工作的劍道UI電網。我的數據源返回一個時間戳 - 這裏是回來的代碼JSON響應:

enter image description here

你會發現,下一行是也。由MySQL返回爲標準DateTime格式的日期 - 這我會很樂意直接使用。但我已將日期轉換爲我認爲更具普遍性的時間戳。 (??)

現在我需要做兩件事 - 將時間戳格式化爲可讀的日期並編輯日期,以便將其保存回數據源。但我們先來解決格式化問題。

我的代碼顯示列目前看起來是這樣的:

{ title: "Trial<br>Date", 
    field: "customer_master_converted_to_customer_date", 
    format: "{0:d/M/yyyy}", 
    attributes: { 
     style: "text-align: center; font-size: 14px;" 
    }, 
    filterable: true, 
    headerAttributes: { 
     style: "font-weight: bold; font-size: 14px;" 
    } 
}, 

雖然我已經試過..

toString(customer_master_converted_to_customer_date, "MM/dd/yyyy") 

..和那幾個變化 - 在格式字符串的條款。是的,我試過輸入:

type: "date", 

無論我做什麼,我只會得到時間戳。

enter image description here

有人嗎?

回答

3

您需要首先將作爲JavaScript日期的時間戳。下面是一個簡單的實現:

$("#grid").kendoGrid({ 
    dataSource: { 
    data: [ 
     { date: 1371848019 } 
    ], 
    schema: { 
     model: { 
     fields: { 
      date: { 
      type: "date", 
      parse: function(value) { 
       return new Date(value * 1000); 
      } 
      } 
     } 
     } 
    } 
    } 
}); 

下面是直播:http://jsbin.com/utonil/1/edit

+0

感謝您的答覆阿塔納斯。然而,這不是應該完成相同的事情..假設你不將日期轉換爲unix時間戳? '標題: 「試用
日期」, \t \t \t \t \t \t \t \t場: 「customer_master_converted_to_customer_date」, \t \t \t \t \t \t \t \t類型: 「日期」, \t \t \t \t \t \t \t \t模板:「#=劍道。的toString(customer_master_converted_to_customer_date, 'M/d/yyyy的')# 「 \t \t \t \t \t \t \t \t屬性:{ \t \t \t \t \t \t \t \t \t樣式:」 文本對齊:中心;字體大小:14px的;」 \t \t \t \t \t \t \t \t}, \t \t \t \t \t \t \t \t過濾:真, \t \t \t \t \t \t \t \t headerAttributes:{ \t \t \t \t \t \t \t \t \t style:「font-weight:bold;字體大小:。14px的;「' \t \t \t \t \t \t \t \t} –

+0

不,你不能格式的數字爲日期,您需要先分析它 –

+0

那麼如果返回的項目是不是一個UNIX時間戳,但一個日期..就像我在時間戳下面的示例中顯示的一樣? –

2

我只是有同樣的問題,我想這和現在的作品完美,好運氣。

template :#= kendo.toString(new Date(parseInt(dateOfBirth)), 'yyyy-MM-dd')#" 

whre dateOfBirth是格式化日期,結果將如下所示:2015-09-11。 祝你好運。

相關問題