Comments (6)
@leceal Could you print out your event object to see what's the startTime and endTime? Is it a standard date object? Is the event start hour displayed correct, only the end hour wrong?
from angularjs-responsivecalendar.
Hey, thanks for you incredible fast answer. Yeah, it is a standar Date object, i'm attaching two pics where you can see two events:
Event One = 00:00 - 18:00
Event Two = 02:00 - 18:00
Both end at same time but start on different times, and you can see the layout for the start time is perfect, but the end time is messy hahaha.
Thanks for your help
from angularjs-responsivecalendar.
@leceal Which timezone are you in?
from angularjs-responsivecalendar.
(UTC-03:00) Santiago.
from angularjs-responsivecalendar.
Found the "error" is on the view (HTML/CSS side). The class "calendar-hour-column" is at 50px, which make the hours 10, 11, 12 to do a line break with the "A.M" or "P.M", which make the "height" of those rows thicker, which make the "event filler formula" (left: 100/displayEvent.overlapNumberdisplayEvent.position+'%', width: 100/displayEvent.overlapNumber+'%', height: 37(displayEvent.endIndex-displayEvent.startIndex)+'px') to fail filling correctly the event
from angularjs-responsivecalendar.
@leceal OK. The 50px width is only for the default text. If you need to provide customized text, you need to override CSS to make the hour column wider.
from angularjs-responsivecalendar.
Related Issues (20)
- How to give to onTimeSelected() event informations ? HOT 1
- Week and day view horizontally vs current vertical design ? HOT 1
- Entries don't appear in iOS HOT 2
- View is not updating when query-mode is set to remote HOT 1
- Not getting arrows on top header as shown in Example HOT 1
- The time interval is not displayed correctly. HOT 6
- Problem opening calendar in mobile browser HOT 6
- AngularJS-ResponsiveCalendar with ionic HOT 1
- Selected day (today) stays selected when moved to next/prev month HOT 2
- Events with different colors, please add this simple fucntionality HOT 6
- 日期限定 HOT 1
- How to select custom date on initial load of calender? HOT 1
- Day view customised start time (From 10 AM rather than 12 AM)
- Migrate to Angular? HOT 2
- time-selected doesn't trigger in "month" view HOT 1
- how to show calendar in spanish HOT 2
- How to Display Current time indicator HOT 4
- Can we show two or more appointment according to person name in Day View? HOT 1
- Set options HOT 3
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 angularjs-responsivecalendar.