AnyTime widget not working

Question

My Anytime date picker widget is not working. Here's my reference at Site Master:

<link href="Content/anytime/anytime.5.1.2.min.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/anytime/anytime.5.1.2.min.js"></script>
    <script src="Scripts/anytime/jquery-1.11.0.min.js"></script>
    <%--<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//www.ama3.com/anytime/anytime.5.1.2.js"></script>--%>

css is working fine, but the jquery and anytime.js doesn't. As you can see I have two lines commented, those two lines work pretty well if the source is directly to their web page, but if I reference it in my local it just doesn't work, no calendar nor time picker pops up.

Anyone who knows what i'm doing wrong?

`//` uses whatever the current protocol is. Does the protocol of the page match the target? — James Wilkins, Sep 11 '15 at 00:47

score 0 · Answer 1 · answered Sep 11 '15 at 01:11

0

Order of loading of scripts is important when there are dependencies such as a plugin that is dependent on jQuery.js.

The dependency must load first so switch the order of your loading:

<script src="Scripts/anytime/jquery-1.11.0.min.js"></script>
<script src="Scripts/anytime/anytime.5.1.2.min.js"></script>

You should be seeing errors thrown in browser dev tools console like $ is undefined due to improper order

answered Sep 11 '15 at 01:11

charlietfl

170,828
13
121
150

made this order but to no avail – cracker_chan Sep 11 '15 at 01:40

score 0 · Accepted Answer · answered Sep 11 '15 at 02:19

I just made it to work. I tried referencing it to the page where it was called upon and I noticed a difference in the "src".

<script type="text/javascript" src="../../Scripts/anytime/jquery-1.11.0.min.js" ></script>
<script type="text/javascript" src="../../Scripts/anytime/anytime.5.1.2.min.js" ></script>

whereas if I reference it in the Site.Master, those dots doesn't exist when you click the "Pick URL". I tried pasting it back to the Site.Master with the dots and it works.

AnyTime widget not working

2 Answers2