Фильтр jquery на основе диапазона значений

Question

Фильтр jquery на основе диапазона значений

0

как мы можем изменить этот код, чтобы отфильтровать даты (как substr в формате yyyymmdd), кроме как в указанном диапазоне.

<select id="all">
    <option value="abc_20010315_Volvo_A">Volvo_A</option>
    <option value="defg_20020408_saab_B">saab_B</option>
    <option value="xz_20100120_Volvo_C">Volvo_C</option>
</select>
<label for="from">From</label>
<input type="text" id="from" name="from">
<label for="to">to</label>
<input type="text" id="to" name="to">
<button type="button" id="filter">Filter</button>

даты получаются в формате yyyymmdd из селектора диапазонов.

function Filter(val){
var from = $("#from").val();
var to = $("#to").val();
  $("#all > option").each(function() {
    $(this).show();
    if(?){
      $(this).hide();
    }
  }); 
}

Какую функцию я могу использовать для сравнения даты в строке в качестве подстроки? Благодарю.

Я сделал это, но у него все еще есть некоторые проблемы.

$( "#Filter" ).click(function( event ) {
    var from = $("#from").val();
    var match = from.match(/(\d{4})-(\d{2})-(\d{2})/);
    from = parseInt(match[1] + match[2] + match[3]);

    var to = $("#to").val();
    var match = to.match(/(\d{4})-(\d{2})-(\d{2})/);
    to = parseInt(match[1] + match[2] + match[3]);

    var regex = /\d{8}/i;
    $("#all> option").each(function(){
        $(this).show();
        var opt = this.value;
        var dateValue = parseInt(opt.match(regex));
        if(dateValue < from && dateValue > to){
          $(this).hide();
        }
    }); 
    $("#all")[0].selectedIndex = 0;

});

rkrara 15 апр. 2014, в 11:01

Источник

0

Чего ты пытаешься достичь? Вы не можете скрыть опцию выбора тега.
Rupam Datta 15 апр. 2014, в 08:37
0

конечно мы можем. Я пытаюсь отфильтровать параметры на основе выбранного диапазона дат.
rkrara 15 апр. 2014, в 08:40
0

Хорошо. Но чего вы пытаетесь достичь?
Rupam Datta 15 апр. 2014, в 08:43
0

например, если из переменной было получено значение 20100101, а для переменной было значение 20101230, чем я хочу скрыть первые две опции. Потому что отметка времени на нем выходит за пределы указанного диапазона.
rkrara 15 апр. 2014, в 08:53
0

Это хорошо, но поля from и to являются текстовыми полями, которые возвращают строки. Ожидаете ли вы строку в первой части? Сказав это, я хотел бы, чтобы вы использовали компонент календаря.
Rupam Datta 15 апр. 2014, в 08:57
0

Вы можете преобразовать дату в timestamp и сделать обычное сравнение.
Navin 15 апр. 2014, в 09:12

Показать ещё 4 комментария

Теги:

jquery

1 ответ

Ещё вопросы

Чего ты пытаешься достичь? Вы не можете скрыть опцию выбора тега.
конечно мы можем. Я пытаюсь отфильтровать параметры на основе выбранного диапазона дат.
Хорошо. Но чего вы пытаетесь достичь?
например, если из переменной было получено значение 20100101, а для переменной было значение 20101230, чем я хочу скрыть первые две опции. Потому что отметка времени на нем выходит за пределы указанного диапазона.
Это хорошо, но поля from и to являются текстовыми полями, которые возвращают строки. Ожидаете ли вы строку в первой части? Сказав это, я хотел бы, чтобы вы использовали компонент календаря.
Вы можете преобразовать дату в timestamp и сделать обычное сравнение.

rkrara · Answer 1 · 2014-04-15T09-14-00.000Z

Я решил это. Для тех, кто может столкнуться с подобной проблемой. Вот мое решение.

// implementation code for filter by date range
$( "#Filter" ).click(function( event ) {
    var from = $("#from").val();
    var match = from.match(/(\d{4})-(\d{2})-(\d{2})/);
    from = parseInt(match[1] + match[2] + match[3]);

    var to = $("#to").val();
    var match = to.match(/(\d{4})-(\d{2})-(\d{2})/);
    to = parseInt(match[1] + match[2] + match[3]);

    var regex = /\d{8}/i;
    $("#all > option").each(function(){
        $(this).show();
        var opt = this.value;
        var dateValue = parseInt(opt.match(regex));
        var test = dateValue < from || dateValue > to ;
        //alert("dateValue:"+dateValue+" test:"+test);
        if(test){
            $(this).hide();
        }
    }); 
    $("#all")[0].selectedIndex = 0;
});