我有一个带有 dateInterval: 'month' 的 dojox/calendar/Calendar，我想删除出现的周数列。有没有办法通过任何属性在日历对象创建中做到这一点？
最佳答案
您有两种方法可以做到这一点。
- 困难的方法:扩展
dojox/calendar/Calendar并进行更改(需要阅读所有源代码以应用更改)。 - 最简单的方法:对生成的应用更改并设置一些新样式
你需要
dojo/dom-construct和dojo/dom-style来请求渲染。
在这里您可以找到第二种方式演示:
并不是说我仍然将年份放在工具栏的右上角以了解您当前所在的年份。
您可以在这个 Fiddle 中看到演示或看上面的片段:
require(["dojo/ready", "dojo/_base/declare", "dojox/calendar/Calendar", "dojo/dom-construct","dojo/dom-style","dojo/domReady!"],
function (ready, declare, Calendar,domConstruct,domStyle) {
calendar = new Calendar({
date: new Date(),
dateInterval: "month",
style: "position:relative;width:90%;height:90%",
}, "calendar");
domStyle.set(calendar.matrixView.columnHeader,'left','0px');
domStyle.set(calendar.matrixView.columnHeader,'border-left','1px solid #B5BCC7');
domStyle.set(calendar.matrixView.grid,'left','0px');
domStyle.set(calendar.matrixView.grid,'border-left','1px solid #B5BCC7');
domStyle.set(calendar.matrixView.itemContainer,'left','0px');
domConstruct.destroy(calendar.matrixView.rowHeader);
domConstruct.place(calendar.matrixView.yearColumnHeader,calendar.matrixView.buttonContainer,"last");
domStyle.set(calendar.matrixView.yearColumnHeader,'margin-right','10px');
domStyle.set(calendar.matrixView.yearColumnHeader,'margin-top','-23px');
domStyle.set(calendar.matrixView.yearColumnHeader,'float','right');
});html, body {
height: 100%;
padding: 0;
margin: 0;
font-family: Lucida Sans,Lucida Grande,Arial !important;
font-size: 13px !important;
background: white;
color: #333;
}<link href="https://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojox/calendar/themes/claro/Calendar.css" rel="stylesheet"/>
<link href="https://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<body class="claro">
<div id="calendar"></div>
</body>关于javascript - 删除 'dojox.Calendar' 中的周数列，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40883961/