Open imposs86 opened 5 years ago
Hi, When i wanna use tui-calendar in vue.js project, i get error on below error message. I don't have no idea about this. Pls help me!
Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info. Arguments: [0] _isAMomentObject: true, _isUTC: false, _useUTC: false, _l: undefined, _i: TimeOut=Fri Aug 23 2019 13:42:25 GMT+0300 (GMT+03:00), _f: undefined, _strict: undefined, _locale: [object Object] Error at Function.createFromInputFallback (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:707212) at http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718291 at rb (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718321) at qb (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718009) at http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718874 at sb (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718936) at tb (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718968) at a (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:704261) at getCookie (http://localhost:59844/js/rolYetki/personelEkipAdmin.js?v=hWijB0vORqrGYoAXVND1cur0LKXfdsOiJknQY7yaBQQ:2611:25) at Object.requestOption.beforeSend (http://localhost:59844/js/rolYetki/personelEkipAdmin.js?v=hWijB0vORqrGYoAXVND1cur0LKXfdsOiJknQY7yaBQQ:2566:35) [Vue warn]: Failed to mount component: template or render function not defined.
My code:
import { Calendar } from '@toast-ui/vue-calendar'; Vue.component('csb-calendar', { template: $('#_csbCalendar').html(), components: { 'calendar': Calendar }, data() { return { scheduleList: [], view: 'week', taskView: false, scheduleView: ['time'], theme: { 'month.dayname.height': '30px', 'month.dayname.borderLeft': '1px solid #ff0000', 'month.dayname.textAlign': 'center', 'week.today.color': '#333', 'week.daygridLeft.width': '100px', 'week.timegridLeft.width': '100px' }, week: { narrowWeekend: true, showTimezoneCollapseButton: false, timezonesCollapsed: false }, month: { visibleWeeksCount: 6, startDayOfWeek: 1 }, timezones: null, disableDblClick: true, isReadOnly: false, template: { milestone: function (schedule) { return <span style="color:red;">${schedule.title}</span>; }, milestoneTitle: function () { return 'MILESTONE'; }, }, useCreationPopup: true, useDetailPopup: false, } } })
<span style="color:red;">${schedule.title}</span>
Please see the https://github.com/nhn/toast-ui.vue-calendar#-usage and https://github.com/nhn/toast-ui.vue-calendar#implement. You have to write template html and use <calendar />.
<calendar />
Hi, When i wanna use tui-calendar in vue.js project, i get error on below error message. I don't have no idea about this. Pls help me!
Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info. Arguments: [0] _isAMomentObject: true, _isUTC: false, _useUTC: false, _l: undefined, _i: TimeOut=Fri Aug 23 2019 13:42:25 GMT+0300 (GMT+03:00), _f: undefined, _strict: undefined, _locale: [object Object] Error at Function.createFromInputFallback (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:707212) at http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718291 at rb (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718321) at qb (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718009) at http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718874 at sb (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718936) at tb (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:718968) at a (http://localhost:59844/js/vendor.js?v=ewUE4AisOTn_QihAdo-dQ_LUtasmRfCEp7Kx54EYhPc:1:704261) at getCookie (http://localhost:59844/js/rolYetki/personelEkipAdmin.js?v=hWijB0vORqrGYoAXVND1cur0LKXfdsOiJknQY7yaBQQ:2611:25) at Object.requestOption.beforeSend (http://localhost:59844/js/rolYetki/personelEkipAdmin.js?v=hWijB0vORqrGYoAXVND1cur0LKXfdsOiJknQY7yaBQQ:2566:35) [Vue warn]: Failed to mount component: template or render function not defined.
My code:
import { Calendar } from '@toast-ui/vue-calendar'; Vue.component('csb-calendar', { template: $('#_csbCalendar').html(), components: { 'calendar': Calendar }, data() { return { scheduleList: [], view: 'week', taskView: false, scheduleView: ['time'], theme: { 'month.dayname.height': '30px', 'month.dayname.borderLeft': '1px solid #ff0000', 'month.dayname.textAlign': 'center', 'week.today.color': '#333', 'week.daygridLeft.width': '100px', 'week.timegridLeft.width': '100px' }, week: { narrowWeekend: true, showTimezoneCollapseButton: false, timezonesCollapsed: false }, month: { visibleWeeksCount: 6, startDayOfWeek: 1 }, timezones: null, disableDblClick: true, isReadOnly: false, template: { milestone: function (schedule) { return
<span style="color:red;">${schedule.title}</span>
; }, milestoneTitle: function () { return 'MILESTONE'; }, }, useCreationPopup: true, useDetailPopup: false, } } })