这样的日历控件怎么实现的?

dkjdkj 2010-01-22 09:46:57
这样的日历控件怎么实现的?下面是网站地址

http://sz.tuniu.com/tours/24681

请使用过的,或者高手解答一下,谢谢
...全文
171 19 打赏 收藏 转发到动态 举报
写回复
用AI写文章
19 条回复
切换为时间正序
请发表友善的回复…
发表回复
aboluoyuren 2010-01-22
  • 打赏
  • 举报
回复
嗯,需要发布在iis中,仓触间代码写的比较挫。呵呵。
<table border="0" width="100%" cellpadding="1" cellspacing="1" style='cursor:hand;'>
<tr>
<td height="18" align="center" bgcolor="#67a7e3" class="calendar_1">日</td>
<td height="18" align="center" bgcolor="#67a7e3" class="calendar_1">一</td>
<td height="18" align="center" bgcolor="#67a7e3" class="calendar_1">二</td>
<td height="18" align="center" bgcolor="#67a7e3" class="calendar_1">三</td>
<td height="18" align="center" bgcolor="#67a7e3" class="calendar_1">四</td>
<td height="18" align="center" bgcolor="#67a7e3" class="calendar_1">五</td>
<td height="18" align="center" bgcolor="#67a7e3" class="calendar_1">六</td>
</tr>
<tr>
<%

DateTime currentdate = DateTime.Now;
int year = currentdate.Year;
int month = currentdate.Month;
int day = currentdate.Day;
DateTime firstDate = new DateTime(year, month, 1);
int totalDay = 30;
switch (month)
{
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
totalDay = 31;
break;
case 2:
if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0))
{
totalDay = 29;
}
else
{
totalDay = 28;
}
break;
default:
totalDay = 30;
break;
}
//获得第一天是星期几
int k = -1;
switch(firstDate.DayOfWeek.ToString().ToLower())
{
case "sunday":
k = 1;
break;
case "monday":
k = 0;
break;
case "tuesday ":
k = -1;
break;
case "wednesday":
k = -2;
break;
case "thursday":
k = -3;
break;
case "friday":
k = -4;
break;
case "saturday":
k = -5;
break;
}
int n = 0;
Random radm = new Random();

for(int m=k;m <= totalDay;m++)
{
int a = radm.Next(9999);

if(n%7==0&&n!=0)
{
%>
</tr>
<tr>
<%
}
if(m > 0)
{
if(m == day)
{
%>
<td align=center style="background:#00ff95;"><%=m%><br /><font color=gray><%=a%></font></td>
<%
}
else if(m < day)
{
%>
<td align=center style="background:gray;"><%=m%><br /><font ><%=a%></font></td>
<%
}
else
{
%>
<td align=center><%=m%><br /><font color=blue><%=a%></font></td>
<%
}
}
else
{
%>
<td></td>
<%
}

n++;
}

%>
</tr>
</table>
chengcheng1253 2010-01-22
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 sandy945 的回复:]
日期中带价格的 日历?

是指它么

用 table 实现的

div 和 li 也可以,不过 要比table 复杂很多
[/Quote]
用table 自己定义里面的东西添加 就行了 ajax是必须的 呵呵
dkjdkj 2010-01-22
  • 打赏
  • 举报
回复
其实我要的就是把数据绑定到日历控件上
hmilyhh 2010-01-22
  • 打赏
  • 举报
回复
这种日历用div+css 来实现非常简单,
建议自己动手做一下吧。。
段传涛 2010-01-22
  • 打赏
  • 举报
回复
"dkjdkj" <dkjdkj@sina.com>
已经发送给你,直接用浏览器打开 就可以了。
在vs.net ,可以直接用一个函数调用就可以了。
dkjdkj 2010-01-22
  • 打赏
  • 举报
回复
先谢谢了
段传涛 2010-01-22
  • 打赏
  • 举报
回复
好的,马上发给你
dkjdkj 2010-01-22
  • 打赏
  • 举报
回复
楼上的大哥,给我发一份吧,谢谢了,dkjdkj@sina.com
段传涛 2010-01-22
  • 打赏
  • 举报
回复
这个日历我有啊。几乎一模一样的, 我的是js+css 写的
满衣兄 2010-01-22
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 dkjdkj 的回复:]
那里有源码啊
[/Quote]
搜索啊,做开发的这种问题想不到google就太说不过去了。
http://www.codesoso.com/code/EventCalendar.aspx
jenny0810 2010-01-22
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 dkjdkj 的回复:]
那里有源码啊
[/Quote]网站另存为
阿非 2010-01-22
  • 打赏
  • 举报
回复

<TD id=left_calendar vAlign=top align=left>
<DIV id=show_cal1>
<TABLE class=tCal border=1 cellSpacing=0 cellPadding=2>
<THEAD>
<TR>
<TD colSpan=7>
<DIV style="POSITION: relative; WIDTH: 100%"><SPAN class=tCalFlipBw onclick="past_cal('2009-11-30');">◄ 12月</SPAN> <SPAN class=tCalMonth>2010年1月</SPAN></DIV></TD></TR>
<TR>
<TH>一</TH>
<TH>二</TH>
<TH>三</TH>
<TH>四</TH>
<TH>五</TH>
<TH>六</TH>
<TH>日</TH></TR></THEAD>
<TBODY>
<TR>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>1</SPAN><BR>元旦</TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>2</SPAN><BR><SPAN class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>3</SPAN><BR><SPAN class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></TD></TR>
<TR>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>4</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>5</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>6</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>7</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>8</SPAN><BR><SPAN class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>9</SPAN><BR><SPAN class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>10</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD></TR>
<TR>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>11</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>12</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>13</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>14</SPAN><BR><SPAN class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>15</SPAN><BR><SPAN class=price_span>1390<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>16</SPAN><BR><SPAN class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>17</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD></TR>
<TR>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>18</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>19</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>20</SPAN><BR><SPAN class=price_span>1190<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalPassed tCalDay"><SPAN class=date_span>21</SPAN><BR><SPAN class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></TD>
<TD class="tCalToday tCalDay"><SPAN class=date_span>22</SPAN><BR>今天</TD>
<TD class="tCalDay tCalPrice" onclick=javascript:showOtherpriceleft(23,01);><A class=calendar_bg title=点击日期查看详情 href="javascript:void(0)"><SPAN class=date_span>23</SPAN><SPAN class="site_span cyellow"></SPAN><BR><SPAN id=other_price_span_left23 class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></A></TD>
<TD class="tCalDay tCalPrice" onclick=javascript:showOtherpriceleft(24,01);><A class=calendar_bg title=点击日期查看详情 href="javascript:void(0)"><SPAN class=date_span>24</SPAN><SPAN class="site_span cyellow"></SPAN><BR><SPAN id=other_price_span_left24 class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></A></TD></TR>
<TR>
<TD class="tCalDay tCalPrice" onclick=javascript:showOtherpriceleft(25,01);><A class=calendar_bg title=点击日期查看详情 href="javascript:void(0)"><SPAN class=date_span>25</SPAN><SPAN class="site_span cyellow"></SPAN><BR><SPAN id=other_price_span_left25 class=price_span>1390<SPAN class=tCalYuan>元</SPAN></SPAN></A></TD>
<TD class="tCalDay tCalPrice" onclick=javascript:showOtherpriceleft(26,01);><A class=calendar_bg title=点击日期查看详情 href="javascript:void(0)"><SPAN class=date_span>26</SPAN><SPAN class="site_span cyellow"></SPAN><BR><SPAN id=other_price_span_left26 class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></A></TD>
<TD class="tCalDay tCalPrice" onclick=javascript:showOtherpriceleft(27,01);><A class=calendar_bg title=点击日期查看详情 href="javascript:void(0)"><SPAN class=date_span>27</SPAN><SPAN class="site_span cyellow"></SPAN><BR><SPAN id=other_price_span_left27 class=price_span>1390<SPAN class=tCalYuan>元</SPAN></SPAN></A></TD>
<TD class="tCalDay tCalPrice" onclick=javascript:showOtherpriceleft(28,01);><A class=calendar_bg title=点击日期查看详情 href="javascript:void(0)"><SPAN class=date_span>28</SPAN><SPAN class="site_span cyellow"></SPAN><BR><SPAN id=other_price_span_left28 class=price_span>1290<SPAN class=tCalYuan>元</SPAN></SPAN></A></TD>
<TD class="tCalDay tCalPrice" onclick=javascript:showOtherpriceleft(29,01);><A class=calendar_bg title=点击日期查看详情 href="javascript:void(0)"><SPAN class=date_span>29</SPAN><SPAN class="site_span cyellow"></SPAN><BR><SPAN id=other_price_span_left29 class=price_span>1390<SPAN class=tCalYuan>元</SPAN></SPAN></A></TD>
<TD class="tCalDay tCalPrice" onclick=javascript:showOtherpriceleft(30,01);><A class=calendar_bg title=点击日期查看详情 href="javascript:void(0)"><SPAN class=date_span>30</SPAN><SPAN class="site_span cyellow"></SPAN><BR><SPAN id=other_price_span_left30 class=price_span>1390<SPAN class=tCalYuan>元</SPAN></SPAN></A></TD>
<TD class="tCalDay tCalPrice" onclick=javascript:showOtherpriceleft(31,01);><A class=calendar_bg title=点击日期查看详情 href="javascript:void(0)"><SPAN class=date_span>31</SPAN><SPAN class="site_span cyellow"></SPAN><BR><SPAN id=other_price_span_left31 class=price_span>1390<SPAN class=tCalYuan>元</SPAN></SPAN></A></TD></TR>
<TR>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD>
<TD><SPAN class=date_span> </SPAN><BR><SPAN class=price_span> <SPAN class=tCalYuan> </SPAN></SPAN></TD></TR></TR></TBODY></TABLE></DIV></TD>
<DIV></DIV></TD>


左侧
yan267 2010-01-22
  • 打赏
  • 举报
回复
自己写div画出来
dkjdkj 2010-01-22
  • 打赏
  • 举报
回复
那里有源码啊
满衣兄 2010-01-22
  • 打赏
  • 举报
回复
好像只能找个源码自己改改了
阿非 2010-01-22
  • 打赏
  • 举报
回复
日期中带价格的 日历?

是指它么

用 table 实现的

div 和 li 也可以,不过 要比table 复杂很多
zhang_zhen1234 2010-01-22
  • 打赏
  • 举报
回复
沙发是我的
zhang_zhen1234 2010-01-22
  • 打赏
  • 举报
回复
原来那个空间不是可以改样式吗 改改样式不可以吗 然后弹出那个事件里一写不行吗?

62,263

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧