Comments (3)
+1
from react-calendar-timeline.
(sorry for delay)
So, when I map items like this:
start_time: start_time: el.unixtime_start
(which is timestamp in milliseconds), I got my items on timeline shifted for a value of my timezone (+3).
As temporary solution to complete demo, I make:
startTime.add(-startTime.utcOffset(), 'minutes');
In this case items on timeline are on positions corresponding to timestamp time.
from react-calendar-timeline.
Hey, I don't have a lot of time to debug it myself, sorry.
However what I feel can help is to replace "moment" with "moment-timezone" and set it up with the right timezone. It could work, but I'm not 100% sure.
Something like
// in the file where you call your first ReactDOM.render()
import moment from 'moment-timezone'
// get timezone and locale from some config
moment.tz.setDefault(timezone)
moment.locale(locale)
Since moment
is a peerDependency for react-calendar-timeline
, you could possibly define an alias for moment
to moment-timezone
in your webpack.conf.js
. Something like:
alias: {
'moment-timezone': path.join(__dirname, 'node_modules', 'moment-timezone')
}
Perhaps it will work without the alias, perhaps with it, or perhaps not at all. In any case, this is what I would try first.
from react-calendar-timeline.
Related Issues (20)
- Issue with getSumScroll Function while dragging the item using drag handle or by moving the item
- groupRenderer does not work correctly HOT 1
- Feature Request: Allow the user to replace the timeline header with a number range HOT 1
- Provide a week view to the DateHeader component with unit="primaryHeader".
- Dragging item scrolls the timeline
- Legacy context API has been detected within a strict-mode tree HOT 2
- Customizing main header - Is it possible to render day index instead of dates? HOT 1
- Can we have an array of Tittles in Items HOT 1
- Need a way to make a calendar item the full height of the row HOT 3
- Remove usage of moment library entirely HOT 2
- how can i provide minimun fixedwidth for date so that i can mention another values with date also like count for that date etc HOT 1
- Stacking only enforced when times overlap
- i want to keep unit zoom level
- Scroll Bug HOT 3
- Selecting different cells in parallel
- Drag and drop items between different timelines
- Style horizontal line per hour ?
- Lack of Touch Event Handling in onCanvasContextMenu
- Touchpad scrolling is very fast and broke timeline
- Question: How to add hover effect on each cell separately? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-calendar-timeline.