Comments (7)
@Foini I think this requirement is not a common one and requires fairly big modification, so I won't add that option. Feel free to fork and modify it to meet your needs. If you meet any issue, feel free to let me know. Thanks.
from ionic-calendar.
@fonini
There are other people asking similar questions, you may contact with them.
twinssbc/AngularJS-ResponsiveCalendar#32
You can also add some grey boxes on the out-of-business hours to mark these time as disabled.
from ionic-calendar.
@fonini sir did you find a solution to this. i tried creating a custom angular filter, however it did not work. @twinssbc Could you help me with trying to find where can i do this.
from ionic-calendar.
@Krypternite If you want to change the the start and end hours, you need to modify multiple places.
The general idea is:
- you need to change the slots displayed in the view
- you need to filter the event based on your start and end hour
- you need to calculate the position of each event based on your start hour instead of the 0:00 AM
I think "hour" and "24" are good keywords to search in my code.
That's where I usually do the calculation using hours.
for (hour = 0; hour < 24; hour += 1) {
from ionic-calendar.
@twinssbc Thanks a lot.
from ionic-calendar.
You can also add some grey boxes on the out-of-business hours to mark these time as disabled.
How would I do this?
from ionic-calendar.
@Skramzy You could use weekviewNormalEventTemplateUrl option to render some custom template. The custom template allow you set different background color for different type of event. Then you could assign dummy event to out-of-business hours, and set the background color to grey.
Ideally, I recommend you start using Ionic2-Calendar, it has the built-in support for setting start hour and end hour.
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.