jqueryで、日付の比較を行いたい。。

Question

jqueryで日付の比較をした結果を返したい。

①data-deadline="<%= task.deadline_date %>"はdatetime型で保存されています。
②var now = new Date();
jqueryにて、この①と②を比較して、①>②や①<②で、filterをかけたいです。

以下の記述だと、うまくfilterをかけることができませんでした。
特にエラーは出ていませんでした。

①と②の日付の型の問題なのでしょうか？ご教授をよろしくお願いします。

jqueryのコード

$(document).on('click','.filter2', function(){
    var now = new Date();
    $('.filter-task').filter(function(){
      return ($('.filter-task').data('deadline') < now);
    }).toggleClass('filter-select');
})

tasks/index.html.erbのコード

        <div class="main-task-table">
          <% @tasks.each do |task| %>
            <table class="task-select filter-task" data-status="<%= task.status %>"  data-deadline="<%= task.deadline_date %>" >
              <tr class="main-task">
                <% if task.status == false %>
                  <td class="main-task-check"><label><input type="checkbox" name="status"  data-id="<%= task.id %>" class="status_<%= task.id %>"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-check-circle-o fa-2x"></label></td>
                <% else %>
                  <td class="main-task-check" ><label><input type="checkbox" name="status"  data-id="<%= task.id %>" checked="checked" class="status_<%= task.id %>"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-check-circle-o fa-2x"></label></td>
                <% end %>
                  <td class="main-task-inner" data-id="<%= task.id %>">
                    <p class="main-task-title"><%=link_to(task.title,"/tasks/#{task.id}") %></p></td>
              </tr>
            </table>
          <% end %>
        </div>

Answer 1

$('.filter-task').data('deadline')で取得できる値は文字列なので、
($('.filter-task').data('deadline') < now)は、
文字列の比較として処理されているだけではないですかね。

$('.filter-task').data('deadline')で取得できた文字列をDateに変換するか、
nowを同じ形式の文字列になるようにしてあげればよいと思います。