Wanderxx / vue-fullcalendar

vue calendar fullCalendar. no jquery required. Schedule events management
https://wanderxx.github.io/vue-fullcalendar/
1.51k stars 387 forks source link

Calendar is not working Dynamically #68

Open usama1050 opened 7 years ago

usama1050 commented 7 years ago

basically i want to select start date and end date from database and then by using these values i want to build new event but its not working when i am fetching all the values from table (multiple values) need help? events: [

                    {
                        title: "dfds",
                        start: new Date(self.year,self.month,self.day),
                        end: new Date(self.year1,self.month1,self.day1),
                        url: 'http://google.com/',
                        className: 'success'
                    },
                ],

data () { return { nextactivity: "Leaves Request (April 2017)", modal: "Create: All Leaves", options: '', av: [], av1: [], av2: [], options2: '', employee_id: '', description: '', leave_type_id: '', mode: '', test: '', date_to: '', month: '', month1: '', year: '', year1: '', day: '', names: [], tabledata: [], fate_from: [], fate_to: [], day1: '', date_from: '', id: '116', reported_last_payslips: '', test1: 0, test2: '', duration: '', status: '', reason: '', department_id: '', department_name: '', comment_manager: '', events: [

        ],
        btnlinks: {
            createbtnlink:"/inventory/inventory_adjustments_create",
            importbtnlink:"/inventory/inventory_adjustments_import",
            secondbtnlink:"/leaves/leaves_request",
            fifthbtnlink:"/leaves/leaves_request_calendar",
        },
        tableheader: [
            "Employees",
            "Allocation Mode",
            "Employees Tag",
            "Leave type",
            "Description",
            "Allocated Days",
            "Start Date",
            "End Date",
            "Status",
        ],
        tabledata: {
            "row": {
                "data": [
                    "MO/00003",
                    "02/18/2017 18:26:08",
                    "[FURN001] Computer Desk",
                    "1.000",
                    "Waiting",
                    "",
                    "Confirmed",
                    "Confirmed",
                    "Confirmed",
                ],
                "url": "/inventory/inventory_adjustments_table"
            },
            "row1": {
                "data": [
                    "MO/00003",
                    "02/18/2017 18:26:08",
                    "[FURN001] Computer Desk",
                    "1.000",
                    "Waiting",
                    "",
                    "Confirmed",
                    "Confirmed",
                    "Confirmed",
                ],
                "url": "/inventory/inventory_adjustments_table"
            },
            "row2": {
                "data": [
                    "MO/00003",
                    "02/18/2017 18:26:08",
                    "[FURN001] Computer Desk",
                    "1.000",
                    "Waiting",
                    "",
                    "Confirmed",
                    "Confirmed",
                    "Confirmed",
                ],
                "url": "/inventory/inventory_adjustments_table"
            },
        }
    }
},
methods: {
    select12: function () {
        var date;
        var date1;
        var d;
        var a;
        var b;
        var c;
        var m;
        var y;
        var d1;
        var m1;
        var y1;
        var self = this;
        // var e = array();
        self.$http.post("/recruitment/selectallfromleave_request", {
            "name": self.options,
        }).then(function(res){
            var data = res.body.data;
            self.tabledata = [];
            self.fate_from = [];
            self.fate_to = [];
            if(data.length > 0){
                data.forEach(function(val) {
                    date = new Date(val.date_from);
                    d = date.getDate();
                    self.day=d;
                    a = Number(d);
                    m = date.getMonth();
                    b = Number(m);
                    self.month=m
                    y = date.getFullYear();
                    c= Number(y);
                    self.year=y;
                    date1 = new Date(val.date_to);
                    d1 = date1.getDate();
                    self.day1=d;
                    m1 = date1.getMonth();
                    self.month1=m;
                    y1 = date1.getFullYear();
                    self.year1=y;
                    // console.log(val.id);
                    self.fate_from[d,m,y],
                        self.fate_to[d1,m1,y1],
                        self.tabledata.push({
                            'start' : self.fate_from,
                            'end'   : self.fate_to,
                            'title' : val.description
                        });
                    console.log(self.fate_from);
                    console.log(self.fate_to);

                });
            }
        },function(err){
            alert(err);
        });
    },