Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

date picker multiple selection #10581

Closed
the-pesar opened this issue Sep 6, 2021 · 7 comments
Closed

date picker multiple selection #10581

the-pesar opened this issue Sep 6, 2021 · 7 comments
Labels

Comments

@the-pesar
Copy link

the-pesar commented Sep 6, 2021

When I select day in date picker multielection, it returns to the first month
Please test
https://quasar.dev/vue-components/date#multiple-selection

Screencast.2021-09-06.15.08.35.mp4

how to solve this problem :( ?

// thanks

@the-pesar the-pesar added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Sep 6, 2021
@ontwikkelfabriek
Copy link

@pesarboy

This behavior of Q-date for this specific case isn't very user friendly indeed.

@hawkeye64
Copy link
Member

@pesarboy Have you tried the QCaendar app extension? You will have to build your own nav and year picker though

https://qcalendar.netlify.app/developing/qcalendarmonth-minimode/minimode-selected-dates

@JeRabix
Copy link
Contributor

JeRabix commented Oct 30, 2021

I can try fix this?

JeRabix added a commit to JeRabix/quasar that referenced this issue Oct 30, 2021
@JeRabix
Copy link
Contributor

JeRabix commented Oct 30, 2021

I did not understand why, when changing value, the last element from the array was always taken, you can take the last one, I looked at all the examples that are in the documentation and in my opinion it does not break the work in other cases

rstoenescu added a commit that referenced this issue Oct 31, 2021
) #10581

* #10581 QDate multiple selecten days fixes

* Update QDate.js

Co-authored-by: Razvan Stoenescu <razvan.stoenescu@gmail.com>
@rstoenescu
Copy link
Member

Fix will be available in Quasar v2.2.3

@MaVlaSa
Copy link

MaVlaSa commented May 26, 2022

@JeRabix To take the last element is not good solution if i want to sort model-value in update event.
What about the idea :

watch(() => props.modelValue, v => {
      if (lastEmitValue === v) {

        lastEmitValue = 0
      }
      else {
        //const { year, month } = getViewModel(innerMask.value, innerLocale.value)
        const { year, month } = viewModel.value
 updateViewModel(year, month)
      }
    })

@qashier-ray-foo
Copy link

qashier-ray-foo commented Mar 29, 2023

I'm having the same issue, I do not want to focus on the last element when unselecting a date because I still want to select other dates of the same month. This behavior is unnecessary and should be removed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

7 participants