GithubHelp home page GithubHelp logo

Comments (7)

twinssbc avatar twinssbc commented on July 29, 2024

@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.

twinssbc avatar twinssbc commented on July 29, 2024

@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.

Krypternite avatar Krypternite commented on July 29, 2024

@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.

twinssbc avatar twinssbc commented on July 29, 2024

@Krypternite If you want to change the the start and end hours, you need to modify multiple places.
The general idea is:

  1. you need to change the slots displayed in the view
  2. you need to filter the event based on your start and end hour
  3. 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.

Krypternite avatar Krypternite commented on July 29, 2024

@twinssbc Thanks a lot.

from ionic-calendar.

steviecs avatar steviecs commented on July 29, 2024

@twinssbc

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.

twinssbc avatar twinssbc commented on July 29, 2024

@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)

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.