【发布时间】：2018-06-08 19:59:20
【问题描述】：
我需要使用日期选择器才能在没有互联网的情况下工作。
我已将源链接从 https 链接更改为本地下载的文件。但随后日期选择器停止工作。 有人可以告诉我如何解决这个问题吗？
理想的来源链接：
<link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">
<script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
<script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
改为本地下载的文件
<script src = "jquery-ui.js"></script>
<script src = "jquery-1.10.2.js"></script>
<script src = "jquery-ui.css"></script>
如果我能保证即使使用了 https 链接，在没有互联网的情况下我的日期选择器也能正常工作，我会很好。可能是通过一些缓存。
使用日期选择器代码更新我的问题：
<span style="float: left;margin-left:2em"> <b>Date Range: </b>
<input type="text" id="datepicker" > <b>to </b>
<input type="text" id="datepicker2"> </span><div id = "Alert" style="float:left;margin-left:2em"> Please select a valid Date Range!</div>
.............................................
var startDate;
var endDate;
var start;
var end;
$(function() {
$("#datepicker").datepicker({
onSelect: function() {
startDate = $(this).datepicker('getDate');
start = formatDate(startDate);
if( start!=null && end!=null && end>=start)
{document.getElementById('Alert').style.visibility = 'hidden';
document.getElementById('canvas-holder').style.visibility = 'visible';
initial(start, end);
}
else {
document.getElementById('Alert').style.visibility = 'visible'; //Will show
document.getElementById('canvas-holder').style.visibility = 'hidden';
}
}
});
$("#datepicker2").datepicker({
onSelect: function() {
endDate = $(this).datepicker('getDate');
end = formatDate(endDate);
alert('skn here s' + startDate);
alert('skn here e' + endDate);
if( start!=null && end!=null && end>=start)
{document.getElementById('Alert').style.visibility = 'hidden';
document.getElementById('canvas-holder').style.visibility = 'visible';
initial(start, end);
}
else {
document.getElementById('Alert').style.visibility = 'visible'; //Will show
document.getElementById('canvas-holder').style.visibility = 'hidden';
}
}
});
});
请在浏览器控制台中找到以下错误。
Uncaught TypeError: $(...).datepicker is not a function
at HTMLDocument.<anonymous> (index.html:64)
at fire (jquery-1.10.2.js:3048)
at Object.fireWith [as resolveWith] (jquery-1.10.2.js:3160)
at Function.ready (jquery-1.10.2.js:433)
at HTMLDocument.completed (jquery-1.10.2.js:104)
我已按照建议进行了更改。在这种情况下，日期选择器会显示但未按预期显示。
【问题讨论】：
-
"停止工作" 您的浏览器控制台是否有错误？
-
1.您确定 src 指向正确的目录（存储脚本的位置）吗？ 2. 不要太依赖缓存。
-
是的。就像我刚刚将这些文件保存在父位置而不是其他文件夹一样。
标签： datepicker offline offline-caching