search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

How to use pro DayPilot in vue js

Asked by Hard
2 years ago.

I have just got some error and there is no proper documentation for pro vue js use.

Comment posted by Dan Letecky [DayPilot]
2 years ago.

For an introduction to using the Scheduler component in Vue, please see the following tutorial:
https://code.daypilot.org/69423/vue-js-scheduler-build-a-reservation-application-in-5-minut

The tutorial text explains how to add the Scheduler to a Vue project. You can also download a working Vue project there.

If you see an error, you can post the stack trace here and I'll try to help.

Comment posted by Hard
2 years ago.

[bad link removed]

I just got this type of error
I used Vue : ^2.6.12
Please help me to figure it out.

Comment posted by Hard
2 years ago.
Comment posted by Dan Letecky [DayPilot]
2 years ago.

It looks like the Scheduler placeholder might be in a section that is not part of the DOM during initialization. If you display the Scheduler in a tab that is hidden, try to use a solution that hides the tab using CSS instead of removing it from the DOM.

Comment posted by Hard
2 years ago.

No
I was render that into component
there is no tab or nothing still Error.

This is my code :
https://codeshare.io/ZJBvYQ

Comment posted by Dan Letecky [DayPilot]
2 years ago.

Thanks for the update.

As I mentioned, this error suggests that the placeholder div was not found in the DOM. There might be different reasons for that but it's not normal. I recommend starting with a blank project generated using https://builder.daypilot.org/ and adding elements from your projects until you see the error. This may point you in the right direction.

Comment posted by Hard
2 years ago.

I just try with simple vue demo project in vue 2.6 and it's still give me same error ,is there is any solution or I have to find some other solution.

Comment posted by Dan Letecky [DayPilot]
2 years ago.

Please let me check that.

Answer posted by Dan Letecky [DayPilot]
2 years ago.

There turned out to be a problem with Vue 2.7.

It should be fixed now in the latest sandbox build (2022.3.5436):
https://release.daypilot.org/changes/js/

Please let me know if the problem persists.

Comment posted by Hard
2 years ago.

I have same issue still

I also try with my pro version :yarn add "https://npm.daypilot.org/daypilot-pro-vue/KEY/2022.3.5423.tar.gz"
And also try : yarn add "https://npm.daypilot.org/daypilot-pro-vue/trial/2021.3.5046.tar.gz"

But the issue is same with vue ^2.6.14

is there anything that I miss
please guild me

Comment posted by Dan Letecky [DayPilot]
2 years ago.

You need version 2022.3.5436 or higher. At this moment, it's only available as a sandbox version:

yarn add https://npm.daypilot.org/daypilot-pro-vue/trial/2022.3.5436.tar.gz
Comment posted by Hard
2 years ago.

ok it's work
but can you please guide me what was differences between sandbox and npm/yarn version ?
Thank you

Comment posted by Hard
2 years ago.

And this version is not available so how can I use my pro version in my project ?

Comment posted by Dan Letecky [DayPilot]
2 years ago.

This version is only available as a trial, as are all sandbox versions.

The full releases are available in 14-day intervals and that's when you will be able to access the full version. See also:
https://release.daypilot.org/changes/js/

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.