search

pratik227 / quasar-qgrid

QGrid is a Quasar App Extension. It allows you to filter data for each column, Drag and Drop Rows and also allows you to filter data using header filters.
https://next-quasar-qgrid.netlify.app/
MIT License
112 stars 92 forks source link

QGrid Date Range Filter #128

Closed dhakenlan2112 closed 1 month ago

dhakenlan2112 commented 8 months ago

There's issue when filter the same date, it will show undefined. how to fix this?

pratik227 commented 8 months ago

Please provide some sample code

dhakenlan2112 commented 8 months ago

The code is as like the doc <q-grid id="table-storage" :data="rows" :columns="columns" row-key="name" separator="cell" class="text-align-center grid-table page-wrapper q-mb-sm" :rows-per-page-options="[0]" :pagination="pagination" :no-data-label="$t('noData')" :hide-bottom="Object.keys(rows).length > 0" :columns_filter="true"

</q-grid

and the columns, columns: [ ... { name: "expired_date", label: "Expiry", align: "center", field: "expired_date", headerClasses: "bg-accent text-primary", filter_type: "date" }, ... ], this columns using filter type date, and the type of filter is date range right? the issue is when we filter 1 date (ex. 15 June - 15 June) it will show undefined: filterdate

dhakenlan2112 commented 7 months ago

any updates?

pratik227 commented 7 months ago

Hi,

Sorry actually it's festival season is going on I'm on vacation i will take a look once i get back.

Thanks, Pratik Patel

pratik227 commented 1 month ago

https://github.com/pratik227/quasar-qgrid/pull/140

It's available in new version.