Как вы делаете пользовательский фильтр со специальным символом?

Question

Я использую таблицу реакции начальной загрузки, и у меня есть столбец с именем Дата заказа.Я хотел бы иметь фильтр, который пользователь может ввести в дату (например, 03/2019), чтобы получить все товары, заказанные в марте 2019 года. Поэтому мое определение столбца выглядит следующим образом:

 dataField: 'orderDate',
 text: 'Order Date',
 sort: true,
 headerStyle: {fontSize: '12px', whiteSpace:'nowrap'},
 filter: textFilter({placeholder:'mm/yyyy'})

Этопрекрасно работает до "/".Я могу выполнить поиск 03 и вернуть все товары, заказанные в марте, но как только я вошел в косую черту, никаких результатов не было получено.Если я ищу 032019, он тоже ничего не возвращает.

Я пробовал dateFilter, но я не хочу, чтобы пользователям приходилось просматривать календарь.Им нравится textFilter-подобная простота.

Есть ли способ заставить слеш работать?

Answer 1

Вы можете создать шаблон регулярного выражения и затем отфильтровать.

    const pattern = new RegExp('11/2012', 'gi');

    const dates = ['02/2010', '10/2011', '11/2012'];
    
    console.log(dates.filter(date => pattern.test(date)));