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

    DateTime Picker; Dates are Wrapping before Saturday

    Help
    1
    1
    217
    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.
    • A
      antiquibble last edited by

      Hello, and thanks in advance for any help anyone can provide on this. It seems my dates are not lining up with the correct day column in the DateTime Picker. It almost looks like the dates are wrapping to the next row within the element just before the Saturday Column. I looked at all the properties and do not think i’m missing anything. I’ve also updated to the latest framework thinking this was an existing bug, but no luck. Any help would be great, Thanks!

      0_1546988754512_fed03cd3-3471-4073-a072-a19bf05310fc-image.png

      <template slot="top-left" slot-scope="props">
        <q-datetime
        :id="incidentDate"
        v-model="dateModel"
        placeholder="Date"
        type="date"
        v-on:input="getIncidents"
        minimal="true"
        />
        &nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;
        <q-datetime
        :id="timeFrom"
        v-model="timeFromModel"
        placeholder="From Time"
        format24h="true"
        clearable="true"
        type="time"
        v-on:input="getIncidents"
        clear-value=""
        />
        &nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;
        <q-datetime
        :id="timeto"
        v-model="timeToModel"
        placeholder="To Time"
        format24h="true"
        clearable="true"
        type="time"
        v-on:input="getIncidents"
        clear-value=""
        />
        &nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;
        <q-select
          :id="callTypeControl"
          v-model="callTypeSelectModel"
          :options="callTypeOptionsModel"
          placeholder="Call Type"
          clearable="true"
          v-on:input="getIncidents"
          clear-value=""
        />
      
        &nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;
      
      
        <q-search
          hide-underline
          color="secondary"
          v-model="incidentNumber"   
          placeholder="Search by Incident #"
          v-on:input="getIncidents"
          clearable="true"
        />
      
        <q-search
          hide-underline
          color="secondary"
          v-model="filter"
          class="col-6"
          placeholder="Filter on Keyworks in Address and Comments"
          clearable="true"
        />
      
      </template>
      1 Reply Last reply Reply Quote 0
      • First post
        Last post