No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Using slider component with dynamic components?

    Help
    2
    4
    1358
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Dobromir
      Dobromir last edited by

      OK so I want to create an infinite slider that shows days of the month. Its to be used in a diary of sorts so you start of in the current day and you can swipe left and right to navigate to the day you need. Moment.js would be used for date stuff.
      Maybe I can use computed properties to dynamically change prev/next days/components depending on what is currently selected? Then check if I have anything stored for the current, prev or next day and change accordingly?
      @rstoenescu Do you have any idea if the Slider component would be able to handle this, or if this approach is any good at all. I think it should be able to handle dynamically adding and removing components.

      I am planning to write a tutorial on this when I`m done with it because I couldn’t find anything on the subject.

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by s.molinari

        Razvan is off for a week.

        Someone else mentioned making an iOS-like selection for dates. I think that is what you are heading for too. This would require a new component or even set of components (one for day, month and year). The slider could be the start.

        Scott

        1 Reply Last reply Reply Quote 0
        • Dobromir
          Dobromir last edited by Dobromir

          Oh no, not at all. I need a horizontal slider where you slide left and right for each day and that’s it. If you go to the 1st of April and go back it goes to the 31-st of March. I will probably try to implement something later and see if I manage.

          1 Reply Last reply Reply Quote 0
          • s.molinari
            s.molinari last edited by

            Yeah, the sliding mechanism can be either horizontal or vertical. 😄 With a slider like functionality though, you are stuck to swiping one day at a time. Whereas, with the iOS selection wheel, you can “spin it”, which makes selection a better UX for date selection.

            Scott

            1 Reply Last reply Reply Quote 0
            • First post
              Last post