Search code examples
asp.net-mvcazureknockout.jsbootstrap-datetimepicker

DateTimePicker Azure Implemetation Error

Hey there I' after publishing my project to azure I have used data comparison to transfer my database to the online server database but now My DateTimePicker does not work it now displayes in the top left corner and does not input data at all. When i ran the project again on the localversion it worked fine?

I found the followig errors in the console.

enter image description here

This has me fairly stumped. Has anyone seen anything like this before.

Azure View

enter image description here

Localhost View

enter image description here

Bundles file

enter image description here

file structure

enter image description here

Solution

  • As from the comments, the issue seemed to be originating from the scripts being included in an incorrect manner by the Bundle.

    Trying with individual <Script src=""> tags explicitly will give you more control on the order of the scripts. And in this case seems to be solving the problem.

    You can additionally also try splitting the js bundle into multiple bundles and try to add in order. Then check in the browser source if the ordering and result are appropriate even with the bundles. You can check the <script> tags generated by bundles and compare with your manual script tags, which work, and then alter the bundles.