在Lotus Domino中使用jQuery UI datepicker - prev / next消失了

时间:2013-05-20 14:55:16

标签: jquery lotus-domino lotus

我正在开发一个使用jQuery的datepicker的Lotus Domino应用程序。当我从code.jquery.com引用jQuery代码时,我可以看到日历顶部的prev和next箭头,但是当我从站点下载此代码时,将它放在我的NSF文件中,并从那里引用它,箭头图形消失。日历仍然有效,当我将鼠标悬停在prev和next的位置时,我可以看到标题文本。只是没有图形。想法?

Heading code:
<style type="text/css">
pre { display:none; }
#ui-datepicker-div, .ui-datepicker { font-size: 75%; }
.calContainer{ margin: 0 0 0 0; }
.clear{ clear: both; }
</style>
<link rel="stylesheet" media="all" type="text/css" href="svr/file.nsf/css/jquery-ui.css"; />
<script type="text/javascript" src="svr/file.nsf/js/jquery-1.9.1.min.js"></script>;
<script type="text/javascript" src="svr/file.nsf/js/jquery-ui.min.js"></script>;
<script type="text/javascript">

$(function(){
   $('.calContainer > pre').each(function(i){
     eval($(this).text());
   });
});
</script>

Body code:
<div class="calContainer">
[HCTDate] <---- Notes field defined as Text, Editable
<pre>
$('#HCTDate').datepicker({ });
</pre>
</div>

2 个答案:

答案 0 :(得分:1)

确保您还将图像文件添加到.NSF并且路径正确。

答案 1 :(得分:0)

下载主题的jquery-ui zip文件并将其解压缩到domino / html文件夹。 把你的链接作为

"<link rel=\"stylesheet\" href=\"/jquery-ui/css/ui-lightness/jquery-ui-1.10.3.custom.css\"/>"