Calendar例子

最新推荐文章于 2024-09-17 21:55:22 发布

dianlixiao2608

最新推荐文章于 2024-09-17 21:55:22 发布

阅读量93

点赞数

文章标签： c# xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/jianlinglo/archive/2009/01/15/1376434.html

版权

1.好看的（上下月能具体显示出来）

Code
<%@page language="C#"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    protected void Calendar1_DayRender(object sender, DayRenderEventArgs e)
    {
        e.Cell.VerticalAlign = VerticalAlign.Top;

        if (e.Day.DayNumberText == "25")
        {
            e.Cell.Controls.Add(new LiteralControl("<p>User Group Meeting!</p>"));
            e.Cell.BorderColor = System.Drawing.Color.Black;
            e.Cell.BorderWidth = 1;
            e.Cell.BorderStyle = BorderStyle.Solid;
            e.Cell.BackColor = System.Drawing.Color.LightGray;
        }
    }
</script>

<html>
<body>
  <form id="form1" runat="server">
    <div>
        <asp:Calendar ID="Calendar1" Runat="server"
         OnDayRender="Calendar1_DayRender"
         Height="190px"
         BorderColor="White"
         Width="350px"
         ForeColor="Black"
         BackColor="White"
         BorderWidth="1px"
         NextPrevFormat="FullMonth"
         Font-Names="Verdana"
         Font-Size="9pt">
            <SelectedDayStyle ForeColor="White" BackColor="#333399"></SelectedDayStyle>
            <OtherMonthDayStyle ForeColor="#999999"></OtherMonthDayStyle>
            <TodayDayStyle BackColor="#CCCCCC"></TodayDayStyle>
            <NextPrevStyle ForeColor="#333333" VerticalAlign="Bottom" Font-Size="8pt" Font-Bold="True"></NextPrevStyle>
            <DayHeaderStyle Font-Size="8pt" Font-Bold="True"></DayHeaderStyle>
            <TitleStyle ForeColor="#333399" BorderColor="Black" Font-Size="12pt" Font-Bold="True" BackColor="White" BorderWidth="4px"></TitleStyle>
        </asp:Calendar>
    </div>
    </form>
</body>
</html>

2。显示选择的时间（显示时间区间）

Code
<%@page language="C#"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script language="C#" runat=server>
    void dayclick(object serder, EventArgs e)
    {
        int inti;
        inti=cal.SelectedDates.Count;
        if(inti==1)
            labcontent.Text="当前选择日期是："+cal.SelectedDate.ToLongDateString();
        else
            labcontent.Text="当前选择日期是：从" +cal.SelectedDates[0]+"到"+cal.SelectedDates[inti-1];
    }
    void dayrender(object serder, DayRenderEventArgs e)
    {
        if (e.Day.IsOtherMonth)e.Cell.Controls.Clear();
    }
</script>

<html>
<body>
  <form id="form1" runat="server">

  <asp:calendar id="cal" runat="server"
   nextmonthtext="下月"
   prevmonthtext="上月"
   selectionmode="dayweekmonth"
   onselectionchanged="dayclick"
   ondayrender="dayrender" Height="196px" Width="362px" />

<asp:Literal ID="labcontent" runat="server"></asp:Literal>

</form>
</body>
</html>

3。给文本框选择时间（还不够完善）

Code
<%@page language="C#"%>
<script language="C#" runat="server">
    protected void calEventDate_SelectionChanged(object sender, EventArgs e)
    {
        txtEventDate.Text = calEventDate.SelectedDate.ToString("d");
    }

</script>
<script type="text/javascript">
   function displayCalendar()
   {
      var datePicker=document.getElementById('datePicker');
      datePicker.style.display='block';
   }
   </script>

   <style type="text/css">
   #datePicker
   {
   display:none;
   position:absolute;
   border:solid 2px black;
   backgrond-color:while;
   }
   .content
   {
   width:400px;
   background-color:white;
   margin:auto;
   padding:10px;
   }

   </style>
<html>
<body>
  <form id="form1" runat="server">
    <div class="content">
        <asp:Label id="lblEventDate" Text="Event Date:" AssociatedControlID="txtEventDate" Runat ="server" />
        <asp:TextBox id="txtEventDate" Runat="server" />
        <img src="7.gif" onclick="displayCalendar()" />

        <div id="datePicker">
           <asp:Calendar id="calEventDate" OnSelectionChanged="calEventDate_SelectionChanged" Runat="server"></asp:Calendar>
        </div>

    </div>
    </form>

</body>
</html>

4。时间显示的各种格式

Code
<%@page language="C#"%>
<script language="C#" runat="server">
    protected void Calendar1_SelectionChanged(object sender, EventArgs e)
    {
        Response.Write("You selected:<br/><br/> " +
          Calendar1.SelectedDate.ToShortDateString() + ",ToShortDateString<br/>" +
          Calendar1.SelectedDate.ToBinary() + ",ToBinary<br/>" +
          Calendar1.SelectedDate.ToFileTime() + ",ToFileTime<br/>" +
          Calendar1.SelectedDate.ToFileTimeUtc() + ",ToFileTimeUtc<br/>" +
          Calendar1.SelectedDate.ToLocalTime() + ",ToLocalTime<br/>" +
          Calendar1.SelectedDate.ToLongDateString() + ",ToLongDateString<br/>" +
          Calendar1.SelectedDate.ToLongTimeString() + ",ToLongTimeString<br/>" +
          Calendar1.SelectedDate.ToOADate() + ",ToOADate<br/>" +
          Calendar1.SelectedDate.ToShortTimeString() + ",,,,ToShortTimeString<br/>" +
          Calendar1.SelectedDate.ToString() + ",ToString<br/>" +
          Calendar1.SelectedDate.ToUniversalTime() + ",ToUniversalTime");
    }
</script>

<html>
<body>
  <form id="form1" runat="server">
    <div>
        <asp:Calendar ID="Calendar1" Runat="server"
         OnSelectionChanged="Calendar1_SelectionChanged">
        </asp:Calendar>
    </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/jianlinglo/archive/2009/01/15/1376434.html