GithubHelp home page GithubHelp logo

Show time in different timezone about atom-clock HOT 8 OPEN

b3by avatar b3by commented on August 17, 2024
Show time in different timezone

from atom-clock.

Comments (8)

ftm avatar ftm commented on August 17, 2024 2

Perhaps a checkbox in the settings to toggle between local time and UTC or maybe allow the user to click the time to toggle it between UTC and local time?

moment.js provides a .utc() method which seems to do the trick.

I don't mind writing this up and doing the PR if you want?

from atom-clock.

b3by avatar b3by commented on August 17, 2024 1

Maybe this can be integrated with the time format. However, in order to do that, a regex-like format should be parsed. I'm thinking about it, I've had much to do at work so I left this project a bit behind. I'll see if I can get some time to work on the timezone feature.

from atom-clock.

ftm avatar ftm commented on August 17, 2024

Not currently, however it doesn't seem like it would be too difficult to support offsets like "+05:00", see documentation here, but if you wanted to be able to set things like "Australia/Sydney" you should use moment-timezone.

from atom-clock.

b3by avatar b3by commented on August 17, 2024

This could also be a good idea. I'm thinking, the tooltip could also be tweaked so it shows the time in a different timezone. Still not sure.

from atom-clock.

ftm avatar ftm commented on August 17, 2024

Using moment-timezone seems simple enough:

var moment = require('moment-timezone')

var timezone = "America/New_York"
var locale = "en"
var format = "h:mm a Z"

var timeLocal = moment().locale(locale).format(format)

var timeTimezone = moment().tz(timezone).locale(locale).format(format)

console.log(`Local: ${timeLocal}`)
console.log(`${timezone}: ${timeTimezone}`)
Local: 5:27 pm +01:00
America/New_York: 12:27 pm -04:00

from atom-clock.

gwax avatar gwax commented on August 17, 2024

Related, I would love to be able to have the clock display UTC so I know what time it is on my servers.

from atom-clock.

b3by avatar b3by commented on August 17, 2024

I created a timezone branch with the first version of the timezone feature. However, the UTC option is available as timezone, so probably the UTC settings item can be removed. This would limit the customization for UTC only. A CSS class could still be added whenever the timezone is changed from the default one.

from atom-clock.

KeithETruesdell avatar KeithETruesdell commented on August 17, 2024

could there also possibly be an update to display two timezones if possible? possibly to have one in UTC and the other in your local? Or to have a UTC Offset field with that?

from atom-clock.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.