# Canvas: duplicate date across table using formatdate

**URL:** <https://discuss.elastic.co/t/canvas-duplicate-date-across-table-using-formatdate/189055>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [July 5, 2019, 9:19am UTC](https://discuss.elastic.co/t/canvas-duplicate-date-across-table-using-formatdate/189055 "2019-07-05T09:19:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![TsuWeiQuan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tsuweiquan/32/46252_2.png) [@TsuWeiQuan](https://discuss.elastic.co/u/TsuWeiQuan)\
**Post date:** [July 5, 2019, 9:19am UTC](https://discuss.elastic.co/t/canvas-duplicate-date-across-table-using-formatdate/189055/1 "2019-07-05T09:19:38Z")

</div>

Hello,

I am using canvas and have some trouble getting a nice `formatted time`.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/a/f/af65a73d7f57e2bd79d5016c0e5a08c69ce4689a.png)

I would like to ask why is my formatted time on the right most column always output UTC time and it duplicates across the table.  
I followed this [blog](https://www.elastic.co/blog/kibana-canvas-data-table-and-debug-elements) and it says that  
`| mapColumn "formatted time" fn={ date | formatdate format="hh:mm A" }`  
should parse the time nicely.

I also realised that `formatted time` is actually showing my local time in UTC instead of the `time` column time.

This is currently my test query:

```
filters
| essql 
  query="SELECT CAST(\"@timestamp\" AS DATETIME ) as time, system.memory.actual.used.bytes AS Used, system.memory.actual.free AS Free FROM \"metricbeat-*\" WHERE host.hostname='NUSSERVER' AND system.memory.actual.used.bytes IS NOT NULL AND system.memory.used.bytes IS NOT NULL ORDER BY \"@timestamp\" DESC" tz="UTC+8"
| mapColumn "formattedtime" fn={date | formatdate format="hh:mm A"}
| table 
  font={font family="'Open Sans', Helvetica, Arial, sans-serif" size=14 align="left" color="#000000" weight="normal" underline=false italic=false}
| render containerStyle={containerStyle}

```

I have tried:  
`| mapColumn "formattedtime" fn={getCell column="time" | formatdate format="hh:mm A"}` but it returned `invalid date`.

How can i make my `formatted time` to be the same as the time on the `time` (1st) column with a different format?

---

<div class="post-metadata">

**Author:** ![TsuWeiQuan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tsuweiquan/32/46252_2.png) [@TsuWeiQuan](https://discuss.elastic.co/u/TsuWeiQuan)\
**Post date:** [July 8, 2019, 1:30am UTC](https://discuss.elastic.co/t/canvas-duplicate-date-across-table-using-formatdate/189055/2 "2019-07-08T01:30:08Z")

</div>

I have found my error.  
My SQL query has set the timestamp as DATETIME format.  
So i have to naturally convert the type from DATETIME to DATE format.

> | alterColumn column=time type=date  
> | mapColumn "formattedtime" fn={getCell column=time | formatdate format="YYYY-MM-DD hh:mm:ss" }

---

<div class="post-metadata">

**Author:** ![tims](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tims/32/46750_2.png) [@tims](https://discuss.elastic.co/u/tims)\
**Post date:** [July 9, 2019, 6:18pm UTC](https://discuss.elastic.co/t/canvas-duplicate-date-across-table-using-formatdate/189055/3 "2019-07-09T18:18:08Z")

</div>

Looks like you figured it out @TsuWeiQuan, let us know if you have other questions!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [August 6, 2019, 6:18pm UTC](https://discuss.elastic.co/t/canvas-duplicate-date-across-table-using-formatdate/189055/4 "2019-08-06T18:18:16Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.