Comments (21)
@lmigula This is a bug and I have fixed it in version 0.2.7. Thanks for reporting it!
from ionic-calendar.
Thank you for fixing it ;)
from ionic-calendar.
startingDayWeek: [1,3,5], its what I did, but other post said it has to be like this : starting-day-week="1", I was wondering where do you put the code, thanks.
from ionic-calendar.
@eric7704 starting-day-week="1" means the week view starts from Monday. What effect do you want to achieve with [1,3,5]?
from ionic-calendar.
Hi, thanks for the quick reply, For example in "fullcalendar" when you do "dow:[1,3,5]", means the recurring events will display one monday, wednesday, and Friday, how do i achieve this with ionic calendar, please help!
from ionic-calendar.
@eric7704 staring-day-week is not for specific event. To display recurring event, you need to handle it by yourself. You could simply create three events.
from ionic-calendar.
Thanks, I got it figured out! Now facing different problem, how do I set different background colors to events?
from ionic-calendar.
How do I change start hour column from 12 Am to 8 AM?
from ionic-calendar.
@eric7704 To set different background color, you could use a customized property in the event, then use a customized template to apply different css class based on the property.
To limit the hour column range, there's no native support for that.
You could apply below styles to hide part of the table.
.weekview-header {
background-color: white;
}
.weekview-allday-table {
height: 50px;
position: relative;
border-bottom: 1px solid #ddd;
background-color: white;
}
.weekview-normal-event-container {
overflow: hidden;
margin-top: -100px;
height: 500px;
z-index: -1000;
}
from ionic-calendar.
from ionic-calendar.
@eric7704 This calendar doesn't support this kind of customization.
from ionic-calendar.
Hi, thanks for the replies, now facing a new problem, the timezone automatically pushes events one hour earlier, for example, my courses, start at 12:30, when I scroll to November weekview, courses' start time became 11:30, please help!
from ionic-calendar.
@eric7704 You need to handle the DST by yourself. Because the calendar is not aware of the local timezone.
from ionic-calendar.
Thanks, I figured out, but what I cant figure out is, how to change hour column format from 10 am to "10" and "am" next line..... same as weekViewHeader format
from ionic-calendar.
Hi, I got the hour column working, now moved on to another optimization problem, how come on every calendar weekview swipe, it always loads, like the events always display after. how to make events stay without loading everytime, thanks.
from ionic-calendar.
@eric7704 If you will load all events from the beginning, you could set queryMode to 'local', just like demo.
If you still want to load events when swiping, just not that frequent, you could cache your loading result. Each time you swipe, if will trigger rangeChanged method. But you don't have to fetch events from back end each time.
from ionic-calendar.
from ionic-calendar.
from ionic-calendar.
@eric7704 What do you mean not working? Is there any error message printed in the console?
There are 3 slides in a loop, each time swipe to a new month/week/day view, it will fill the days to the previous and next slide.
Highlighting a column in the table is a bit complicated, because it's not natural to a table DOM element. If you really want to, you could use view customization to provide your own view.
Please create a separate issue, as your questions are not relevant to this issue.
from ionic-calendar.
My dear twinssbc, I have been trying to change the beginning of the day of the week in the calendar for some days and it is impossible for me to change it. I do not know where the ruling may be, and I can not find a way for the days of the week to start on Monday.
As you comment on the questions of different people, you can make the change of the one that I speak with this command effective -> starting-day-week = "1". I am inserting this command in the html, more specifically ->
<calendar
[eventSource] = "eventSource"
[locale] = "calendar.locale"
[calendarMode] = "calendar.mode"
[currentDate] = "calendar.currentDate"
(onCurrentDateChanged) = "onCurrentDateChanged ($ event)"
(onEventSelected) = "onEventSelected ($ event)"
(onTitleChanged) = "onViewTitleChanged ($ event)"
(onTimeSelected) = "onTimeSelected ($ event)"
starting-Day-Week = "1"
step = "30">
</ calendar>
</ ion-content>
With this change would be enough ???
I am developing an app with ionic 3, please help me!
Thank you!
from ionic-calendar.
I'm sorry I did not stop to review the code in detail, your code is very very good. I could already see what the problem was.
.html -> [startingDayMonth] = "calendar.startingDayMonth"
.ts -> startingDayMonth: '1'
I have searched several calendars and the best one with difference is yours, congratulations.
Greetings and thanks!
from ionic-calendar.
Related Issues (20)
- Add bullets to the calendar events instead of background color HOT 1
- Runtime Error - Cannot not read property 'currentDate' of undefined
- How to select multiple events on same date HOT 1
- how did you implemented that tamplate HOT 1
- change the event color HOT 1
- How to change the viewTitle format for day HOT 4
- Refresh events on calander HOT 3
- view to a particular date HOT 4
- Will it work in a cordova project HOT 1
- How to move a day forward and backward with my own inputs? HOT 3
- How to highlight current day in week mode? HOT 3
- Not able to display month events HOT 5
- How to edit week.html and day.html? HOT 1
- EventSourceChanged not working. HOT 1
- Date format HOT 1
- Sliding Issue HOT 1
- Mark Dot Indicator For Event List length on monthviewEventDetailTemplate HOT 1
- not able to customise the style for cell HOT 1
- Dynamic step HOT 1
- upgrade to angular 16.x and ionic 5.x HOT 1
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 ionic-calendar.