Question

我正在尝试测试dojo日历。我遇到了问题所以我创建了一个测试页面并复制了the dojo site的示例代码。它表现出同样的问题：文本显示的垂直间隙非常大，而其他格式也很少。我无法在他们的页面上进行测试，所以我不知道它应该是什么样子。

<!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。

Answer 1

您错过了包含样式文件，将其添加到头部并且没关系：

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

或查看this jsfiddle

Dojo日历示例代码不起作用

1 个答案: