1

我正在尝试测试道场日历。我遇到了问题，所以我制作了一个测试页面并从dojo 站点复制了示例代码。它表现出同样的问题：显示的文本中存在非常大的垂直间隙，并且几乎没有其他格式。我也无法在他们的页面上进行测试，所以我不知道它应该是什么样子。

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/claro/claro.css" />

<script>dojoConfig = {parseOnLoad: true}</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js"></script>

<script>
    require(["dojo/parser", "dojo/ready", "dojox/calendar/Calendar"],
        function(parser, ready, Calendar){
            ready(function(){
                    calendar = new Calendar({
                        dateInterval: "day",
                        style: "position:relative;width:600px;height:600px"
                    }, "someId");
                }
            )}
    );
</script>
</head>
<body class="claro">
<style type="text/css">
.dojoxCalendar{ font-size: 12px; font-family:Myriad,Helvetica,Tahoma,Arial,clean,sans-serif; }
</style>

<div id="someId" >
</div>
</body>
</html>

我所做的唯一更改是使用 ajax.googleapis.com 上的库。我还应该包括 dojox 吗？我认为它与 dojo.js 一起提供。

4

1 回答 1

2

您错过了包含样式文件，将其添加到头部就可以了：

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojox/calendar/themes/claro/Calendar.css" />

或看到这个 jsfiddle

于 2013-10-01T04:30:38.857 回答