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

    Question about drop down lists

    Help
    api dropdown
    3
    3
    206
    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.
    • N
      NickBloodworth last edited by

      Hi,
      I’m new to Quasar and have followed a few tutorials, but I haven’t seen one that covers the use of drop down lists.

      What I would like is for a drop down list containing the months of the year, so the user can see family birthdays in that month.

      The birthdays are stored in a MySQL database controlled by API’s.

      How can I setup the drop down list (an array will be fine), but use the results of this to do the search using my API’s?

      Thanks,
      Nick

      1 Reply Last reply Reply Quote 0
      • K
        khalilm last edited by khalilm

        It depends on how your data is stored in the database. Are the months in text as in “January” or is it numerical as in “1”. You will obviously have to use the text to display the month. From there you can then get the value from its model and do your api call based upon that value.

        If the it is a numerical value then you can use an object in your select and use the appropriate fields for the display and text (label) then do your api call.

        Here is a link to the second idea
        https://quasar.dev/vue-components/select#Affecting-model

        HTH

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

          why not use this? Highlighting the birthdays in a calendar.

          https://quasar.dev/vue-components/date#Highlighting-events

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