Jquery - указатель даты со страницей фильтра

Question

Я пытаюсь создать DatePicker для моих продуктов фильтра, но у меня не получается с каждым методом, который я пробовал. У меня есть эта функция Фильтр данных:

$('.filter_data').html('<div id="loading" style="" ></div>');
        var action = 'functions-search.php';
        var from_date = get_filter('from_date');
        var to_date = get_filter('to_date');

$.ajax({
            url:"functions-search.php",
            method:"POST",
            data:{
                action:action,
                from_date:from_date,
                to_date:to_date
            },
            success:function(data){
                $('.filter_data').html(data);
            }
        });
    }

--- and this is my datepicker:
    $.datepicker.setDefaults({
        dateFormat: 'yy-mm-dd'
    });
    $('#date_picker').datepicker
        $("#from_date").datepicker();
        $("#to_date").datepicker();

    $('#filter').click(function() {
        var from_date = $('#from_date').val();
        var to_date = $('#to_date').val();
        filter_data();
    });

Мой html выглядит следующим образом:

            <div class="list-group">

                <input type="text" name="from_date" id="from_date" class="form-control" placeholder="From Date" />


                <input type="text" name="to_date" id="to_date" class="form-control" placeholder="To Date" />

            <br>
                <<div id="date_picker"></div>


            </div>

У вас есть идея, как я могу это исправить? Спасибо за помощь