From ce15bb4b37ba8f8866e2768a086c19c8a31b2017 Mon Sep 17 00:00:00 2001
From: Small <a364717646@163.com>
Date: Wed, 11 Dec 2019 18:34:24 +0800
Subject: [PATCH] add timestampFormat (#863)

* add timestampFormat

* use createTextNode instead innerHTML
---
 docs/api.md                  | 30 ++++++++++++++++++++++++++++++
 examples/01_basic_usage.html |  1 +
 src/js/JSONEditor.js         |  2 +-
 src/js/Node.js               | 18 ++++++++++++++++--
 src/js/treemode.js           |  1 +
 5 files changed, 49 insertions(+), 3 deletions(-)

diff --git a/docs/api.md b/docs/api.md
index 469216e..98a482f 100644
--- a/docs/api.md
+++ b/docs/api.md
@@ -508,6 +508,36 @@ Constructs a new JSONEditor.
   
   Only applicable for modes `tree`, `form`, and `view`.
 
+- `{ function({field, value, path}) -> string|null } timestampFormat`
+
+  Customizing the way formating the timestamp. Called when a value is timestamp after `timestampTag`. If it returns null, the timestamp would be formatted with default setting (`new Date(value).toISOString()`).
+  
+  parameter:
+  
+  ```
+  {
+    field: string,
+    value: string,
+    path: string[]
+  }
+  ```
+
+  Example:
+  
+  ```js
+  var options = {
+    timestampFormat: function ({ field, value, path }) {
+      if (field === 'customTime') {
+        return new Date(value*1000).toString()
+      }
+
+      return null
+    }
+  }
+  ```
+  
+  Only applicable for modes `tree`, `form`, and `view`.
+
 - `{string} language`
 
   The default language comes from the browser navigator, but you can force a specific language. So use here string as 'en' or 'pt-BR'. Built-in languages: `en`, `pt-BR`, `zh-CN`, `tr`, `ja`, `fr-FR`. Other translations can be specified via the option `languages`.
diff --git a/examples/01_basic_usage.html b/examples/01_basic_usage.html
index 875bd29..f763b1f 100644
--- a/examples/01_basic_usage.html
+++ b/examples/01_basic_usage.html
@@ -35,6 +35,7 @@
       'null': null,
       'number': 123,
       'object': {'a': 'b', 'c': 'd'},
+      'time': 1575599819000,
       'string': 'Hello World'
     }
     editor.set(json)
diff --git a/src/js/JSONEditor.js b/src/js/JSONEditor.js
index af224f4..f8fd63e 100644
--- a/src/js/JSONEditor.js
+++ b/src/js/JSONEditor.js
@@ -180,7 +180,7 @@ JSONEditor.VALID_OPTIONS = [
   'onSelectionChange', 'onTextSelectionChange', 'onClassName',
   'onFocus', 'onBlur',
   'colorPicker', 'onColorPicker',
-  'timestampTag',
+  'timestampTag', 'timestampFormat',
   'escapeUnicode', 'history', 'search', 'mode', 'modes', 'name', 'indentation',
   'sortObjectKeys', 'navigationBar', 'statusBar', 'mainMenuBar', 'languages', 'language', 'enableSort', 'enableTransform',
   'maxVisibleChilds', 'onValidationError'
diff --git a/src/js/Node.js b/src/js/Node.js
index 4042e9d..505fd2a 100644
--- a/src/js/Node.js
+++ b/src/js/Node.js
@@ -1791,8 +1791,22 @@ export class Node {
           this.dom.value.parentNode.appendChild(this.dom.date)
         }
 
-        this.dom.date.innerHTML = new Date(value).toISOString()
-        this.dom.date.title = new Date(value).toString()
+        let title = null
+        if (typeof this.editor.options.timestampFormat === 'function') {
+          title = this.editor.options.timestampFormat({
+            field: this.field,
+            value: this.value,
+            path: this.getPath()
+          })
+        }
+        if (!title) {
+          this.dom.date.innerHTML = new Date(value).toISOString()
+        } else {
+          while (this.dom.date.firstChild) {
+            this.dom.date.removeChild(this.dom.date.firstChild)
+          }
+          this.dom.date.appendChild(document.createTextNode(title))
+        }
       } else {
         // cleanup date tag
         if (this.dom.date) {
diff --git a/src/js/treemode.js b/src/js/treemode.js
index 7f541d1..7cc4c8b 100644
--- a/src/js/treemode.js
+++ b/src/js/treemode.js
@@ -156,6 +156,7 @@ treemode._setOptions = function (options) {
       }
     },
     timestampTag: true,
+    timestampFormat: null,
     onEvent: null,
     enableSort: true,
     enableTransform: true