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
    1. Home
    2. manacrox
    M
    • Profile
    • Following 0
    • Followers 0
    • Topics 0
    • Posts 1
    • Best 0
    • Groups 0

    manacrox

    @manacrox

    0
    Reputation
    1
    Profile views
    1
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    manacrox Follow

    Latest posts made by manacrox

    • RE: QDate lock to select only YYYY/MM

      @MCK2 I was looking for the same, and came up with this solution:
      The idea is to start with Year view then, when a month is selected, hide the popup calendar.

      <template>
        <q-input
          readonly
          input-class="cursor-pointer"
          label="Select a Month"
          :value="monthPicked"
          @click="$refs.monthPicker.show()"
        >
          <template v-slot:append>
            <q-icon name="event" class="cursor-pointer">
              <q-popup-proxy ref="monthPicker" transition-show="scale" transition-hide="scale">
                <q-date
                  minimal
                  emit-immediately
                  default-view="Years"
                  v-model="monthPicked"
                  @input="checkValue"
                />
              </q-popup-proxy>
            </q-icon>
          </template>
        </q-input>
      </template>
      
      <script>
      export default {
        data () {
          return {
            monthPicked: null
          }
        },
        methods: {
          checkValue (val, reason, details) {
            if (reason === 'month') {
              this.$refs.monthPicker.hide()
            }
          }
        }
      }
      </script>
      
      posted in Help
      M
      manacrox