شهبازی
5 سال پیش توسط شهبازی مطرح شد
0 پاسخ

اضافه کردن datepicker به datatables

سلام دوستان من می خواهم یک محدوده زمانی داشته باشم و هرگاه آن توسط کاربر تغییر کرد اطلاعات را از سرور بگیرد و نمایش دهد و می خواهم داخل جدولی که با datatables درست کردم قرار دهم لطف راهنمایی بفرمایید

<script>
        var start_time = '';
        var end_time = '';
        var table;

        $(document).ready(function () {
            table = $('#tableId').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": {
                    "url": "{{ route('test') }}",
                    "type": "POST",
                    "headers": {
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    "data": {
                        "start_time": start_time,
                        "end_time": end_time
                    }
                },
                "columns": [
                    {"data": "first_name"},
                    {"data": "last_name"},
                    {"data": "position"},
                    {"data": "office"},
                    {"data": "start_date"},
                    {"data": "salary"}
                ]
            });

            $(function () {
                $('input[name="datetimes"]').daterangepicker({
                    timePicker: true,
                    startDate: moment().startOf('hour'),
                    endDate: moment().startOf('hour').add(32, 'hour'),
                    locale: {
                        format: 'YYYY-MM-DD hh:mm:ss'
                    }
                });
            });

            $('#datetimes').on('apply.daterangepicker', function (ev, picker) {
                start_time = picker.startDate.format('YYYY-MM-DD hh:mm:ss');
                end_time = picker.endDate.format('YYYY-MM-DD hh:mm:ss');
                table.draw();
            });

        });
    </script>

ثبت پرسش جدید

به همدیگه کمک کنیم

به شهبازی کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام