toast-ui.vue-calendar
toast-ui.vue-calendar copied to clipboard
nhn
ISO Format Error
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,
}
}
})
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 />.
