Gatsby: Add option to get date in local or specified time zone

[mono0x]

Summary

Add option to get date in local or specified time zone.

Basic example

Add option to date type.

  query blogListQuery($skip: Int!, $limit: Int!) {
    ...
    allMarkdownRemark(...) {
      edges {
        node {
          ...
          frontmatter {
            date(formatString: "MMMM DD, YYYY", local: true) <-- use local time zone
            date(formatString: "MMMM DD, YYYY", tz: "Asia/Tokyo") <-- use specified time zone
          }
        }
      }
    }
  }

and/or add option to gatsby-config.js.

Motivation

Display date in an easy-to-understand way for main readers of the website.

[wardpeet]

Why do you want to do this inside the query and not inside the page or component itself?

[mono0x]

Thank you for your comment. I didn't know I can get raw string of the date if formatString is not specified.

https://github.com/gatsbyjs/gatsby/blob/445f5ff7508ab613967e18b32490e3feffd7730c/packages/gatsby/src/schema/types/type-date.js#L120

I could display date in local time zone using following query and page.

  query blogListQuery($skip: Int!, $limit: Int!) {
    ...
    allMarkdownRemark(...) {
      edges {
        node {
          ...
          frontmatter {
            date
          }
        }
      }
    }
  }

import moment from 'moment'

<small>{moment(node.frontmatter.date).local().format(`MMMM DD, YYYY`)}</small>

Therefore, I think that applying time zone in query is not absolutely necessary. However, if Gatsby supports formatString, it is more natural to be able to specify time zone of formatted time.

[gatsbot[bot]]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

Thanks for being a part of the Gatsby community! 💪💜

[gatsbot[bot]]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.

Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.

Thanks again for being part of the Gatsby community!