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

    qdate picker range problem

    Help
    2
    3
    678
    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.
    • S
      swiftharbour last edited by

      Hello, we are trying to solve a qdate picker range problem. Currently in the code pen demo (https://codepen.io/pen/?&editors=101) and our app, when in range mode, a single date can also be selected by simply clicking the date twice. Is there a way to prevent this or specify a minimum date range length? Thanks in advance everyone!

      metalsadman 1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman @swiftharbour last edited by metalsadman

        @swiftharbour answered you in discord, for others. <q-date :value="model" range @input="v => { typeof v === 'object' && (model = v) }" .../>. As for minimum date range you’ll have to provide a handler to your input event listener and do some more checking there.

        1 Reply Last reply Reply Quote 0
        • S
          swiftharbour last edited by

          Thank you so much @metalsadman, super helpful.

          One more datepicker question if you have a moment, we are having issues with the date picker not fitting within the container below without much success in finding a fix. Thoughts? https://share.getcloudapp.com/p9urBeB7

          https://stage.swiftharbour.com/#/guest/business/1/booking/16/Test Business - 001

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