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

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
  • 打赏
  • 举报
 回复
原来那个空间不是可以改样式吗 改改样式不可以吗 然后弹出那个事件里一写不行吗？
js日历控件，控件可以实现，单击文本框，产生日历控件，然后选择日期，自动显示。
js日历控件，控件可以实现，单击文本框，产生日历控件，然后选择日期，自动显示。
漂亮的日历控件C#源码(适用于Winform)
在本文中，我们将深入探讨如何使用C#语言和Winform框架创建一个美观的日历控件。C#是一种面向对象的编程语言，广泛应用于Windows应用程序开发，而Winform是.NET Framework的一部分，提供了一种用于构建桌面应用程序...
单行横向滑动的日历控件
下面我们将深入探讨如何实现这样的日历控件。 首先，你需要创建一个自定义的`CalendarView`组件。这通常涉及到继承`View`类或使用现有的视图容器（如`LinearLayout`或`RelativeLayout`）作为基础，并在其上添加...
android日历控件
针对这样的日历控件，我们可以讨论以下几个关键知识点： **1. 自定义控件开发** 开发者可以创建一个自定义的`View`类，继承自`View`或`ViewGroup`，并重写`onDraw()`方法来绘制日历布局。或者，可以使用`...
全能日历控件签到记录功能
在IT行业中，日历控件是用户界面设计中不可或缺的一部分，尤其在管理时间、规划任务或跟踪活动的应用...通过研究"全能日历控件签到记录功能"这个Demo，我们可以深入了解这一功能的实现原理，并从中获得宝贵的编程经验。
.NET社区

62,263

社区成员

668,981

社区内容

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

加载中

查看更多榜单
社区公告

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

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

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

+ 用AI写文章