使用calendar控件，能否实现这样的显示效果？

[aiur]

我想用calendar控件实现，而不用其他的js。

1 2 3 4 5 6 7 8 9 10 11
08年4月 上一月<< 12 13 14 15 16 17 18 19 20 下一月>>
21 22 23 24 25 26 27 28 29 30

和一般Calendar不一样的:
1.Title没有值
2.“上一月”的位置不在上方的Title位置，而是在1-30这些日期的左右

请教各位，谢谢大家！

[paulyjin]

calendar控件-服务器端的没有用过-如果样式上不能控制的话-继承然后重写(自定义控件)-

[luyuan6894]

怎么感觉像一个分页控件啊，呵呵，一种办法:动态生成Table,另外一种办法自己写控件

[aiur]

自己顶一下

[aiur]

不是分页啊，就是按月显示当天有多少天，然后通过点击其中某一天，页面显示不同的数据。
我觉得功能和calendar控件差不多，只是显示样式不同，而我又不太清楚calendar控件具体如何调整样式～～

[ychangh]

<form id="form1" runat="server">
<table><tr>
<td id="date"></td>
<td id="left"></td>
<td>
<asp:Calendar ID="Calendar1" runat="server" Height="217px" Width="281px">
<TitleStyle CssClass="hiddenhead" />
</asp:Calendar>
</td>
<td id="right"></td>
</tr></table>
<script>
var cal = document.getElementById("<%=Calendar1.ClientID %>");
var head = cal.getElementsByTagName("table")[0];
var lefttd = document.getElementById("left");
var righttd = document.getElementById("right");
var date = document.getElementById("date");

var temp = head.rows[0].cells[0].innerHTML; //上一月
head.rows[0].cells[0].innerHTML = "";
lefttd.innerHTML = temp;

temp = head.rows[0].cells[2].innerHTML;//下一月
head.rows[0].cells[2].innerHTML = "";
righttd.innerHTML = temp;

temp = head.rows[0].cells[1].innerHTML;//日期
head.rows[0].cells[1].innerHTML = "";
date.innerHTML = temp;
</script>
<style>
.hiddenhead
{
display:none;
}
</style>
</form>

已经测试过

[aiur]

to:ychangh
非常感谢，可以使用了。
我还想让1-31天分成2行显示，并且各个日期中间的间隔很小，不要现在这么大。
就像
1 2 3 4 5 6 7 8 9 10。。。
15 16 17 18 19 20 21。。。

还有就是能否“<<”和日期“1 2”等都单独设置css样式？