我正在尝试测试任何时间组合日期/时间选择器 jQuery 插件 ( http://www.ama3.com/anytime/ )。
我下载了 js 和 css 文件并将它们放在我的开发机器上的一个文件夹中。
在 jsfiddle.net 中,我添加了这些以及外部资源部分的完整路径,zB: C:\Duckbill\anytime.compressed.js C:\Duckbill\anytime.compressed.css - 并且在这些之后添加了这个,也是: //ajax.aspnetcdn.com/ajax/jquery.migrate/jquery-migrate-1.1.1.min.js
我有这个html:
<tr>
<td>
<input type="text" name="anytime" id="anytime" />
</td>
<td>
<input type="text" name="field1" id="field1" />
</td>
<td>
<input type="text" name="field2" id="field2" />
</td>
</tr>
...还有这个 jQuery:
$(function () {
AnyTime.picker("anytime");
AnyTime.picker("field1");
$("#field2").AnyTime_picker();
});
...但是当我运行它时,这些尝试都没有成功;它只在“结果”窗格中显示三个“常规旧”文本框。
我究竟做错了什么?
更新
这是 jsfiddle 中的工作原理,外部资源对任何时间服务器上的 .js 和 .css 文件的引用,以及对 ajax.aspnetcdn.com/ 上的迁移 .js 的引用:
HTML:
<table>
<tr>
<td class="labelText">
<label for="BeginDateTime">Begin Date/Time</label>
</td>
<td>
<input type="text" name="BeginDateTime" id="BeginDateTime" />
</td>
<td class="labelText">
<label for="EndDateTime">End Date/Time</label>
</td>
<td>
<input type="text" name="EndDateTime" id="EndDateTime" />
</td>
</tr>
. . .
jQuery:
$(function () {
AnyTime.picker("BeginDateTime");
AnyTime.picker("EndDateTime");
});