ASP.NET My97DatePicker日期控件实现OA日期记事功能
My97DatePicker日期控件是一个非常好用的日期控件,功能非常优秀的日期控件.
对实现页面刷新完善的很好，用日期控件时可以有比较好的享受，这次的OA日期记事功能也得益于此控件，具体效果图如下：
部分代码：
Default页布局一个Calendar日期控件
<div>
<asp:Calendar ID="Calendar1" runat="server" Width="100%"
ShowGridLines="True" ondayrender="Calendar1_DayRender" >
</asp:Calendar>
</div>
Default页cs代码：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Text;
public partial class _Default : System.Web.UI.Page
{
private DataTable table ;
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Calendar1_DayRender(object sender, DayRenderEventArgs e)
{
//获取现在绑定的日期
CalendarDay day = e.Day;
//获取当前日期的单元格
TableCell cell = e.Cell;
int currentMonth = DateTime.Now.Month ;
cell.Controls.Clear();
table = PlanOperator.SelectPlanByMonth(day.Date);
if (day.Date.Month >= currentMonth)
{
StringBuilder builder = new StringBuilder();
builder.AppendFormat("<font color='Blue'><h5>{0}</h5></font><img src='images/add.png' alt='添加日程' onclick='window.open(\"EditPlan.aspx?Action=New&StartDate={0}\",\"\",\"menu=no,tool=no,status=no,width=400,height=500\");' /> <br/>", day.Date.ToShortDateString());
DataRow[] planRows = table.Select(string.Format("StartDate<='{0}' AND EndDate>='{1}' ", day.Date, day.Date.AddDays(1)));
cell.Style["background-color"] = planRows.Length <= 0 ? "#E9E9E9" : "#FFFFFF";
int index = 1;
foreach (DataRow row in planRows)
{
string title = row["Title"].ToString().Length > 10 ? row["Title"].ToString().Substring(0, 10) + "..." : row["Title"].ToString();
builder.AppendFormat("<a onclick='window.open(\"EditPlan.aspx?Action=Edit&PlanID={1}\",\"\",\"menu=no,tool=no,status=no,width=400,height=500\");'>{0}.{2}</a><br/>", index, row["PlanID"], title);
index++;
continue;
}
cell.Controls.Add(new LiteralControl(builder.ToString()));
}
else
{
cell.Style["background-color"] = "#E9E9E9";
}
}
}
控件编辑前台代码：
<head runat="server">
<title></title>
<script type="text/javascript" language="javascript" src="My97DatePicker/WdatePicker.js">
</script>
<script type="text/javascript" language="javascript">
function valiStartDate(source, clientside_arguments) {
if (clientside_arguments.Value > new Date()) {
clientside_arguments.IsValid = true;
}
else {
clientside_arguments.IsValid = false;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>日程信息</h3>
<div >
日程主题：<asp:TextBox runat="server" ID="txtTitle" Width="270px"
BorderColor="#0066FF" BorderStyle="Solid" BorderWidth="1px" ></asp:TextBox> <br />
日程内容：<asp:TextBox runat="server" ID="txtContent" TextMode="MultiLine" Height="96px"></asp:TextBox> <br />
起始日期：<asp:TextBox runat="server" ID="txtStartDate" CssClass="Wdate" onfocus="WdatePicker({minDate:'%y-%M-01',dateFmt:'yyyy-MM-dd HH:mm',maxDate:'%y-%M-%ld'})" /></asp:TextBox>
<br />
结束日期：<asp:TextBox runat="server" ID="txtEndDate" CssClass="Wdate" onfocus="WdatePicker({minDate:'%y-%M-01',dateFmt:'yyyy-MM-dd HH:mm',maxDate:'%y-%M-%ld'})" /></asp:TextBox>
<asp:Panel runat="server" ID="pnlNew">
<asp:Button runat="server" ID="btnInsertPlan" Text="添加"
onclick="btnInsertPlan_Click" />
<input type="reset" id="btnReset" value="重置" />
</asp:Panel>
<asp:Panel runat="server" ID="pnlEdit">
<asp:Button runat="server" ID="btnUpdate" Text="更新"
onclick="btnUpdate_Click1" />
<asp:Button runat="server" ID="btnDelete" Text="删除" onclick="btnDelete_Click"
/>
<asp:HiddenField runat="server" ID="hidPlanID" />
</asp:Panel>
<asp:ValidationSummary ID="ValidationSummary1" runat="server"
HeaderText="提交对日程的修改中出现了以下问题：" /><br />
</div>
</form>
</body>
控件编辑后台cs：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
public partial class EditPlan : System.Web.UI.Page
{
public DateTime StartDate
{
get { return (DateTime)this.ViewState["StartDate"]; }
set { this.ViewState["StartDate"] = value; }
}
public DateTime EndDate
{
get { return (DateTime)this.ViewState["EndDate"]; }
set { this.ViewState["EndDate"] = value; }
}
protected void Page_Load(object sender, EventArgs e)
{
if (this.Request.QueryString.Count != 2)
{
this.Response.End();
return;
}
if (!this.IsPostBack)
{
string action = this.Request.QueryString["Action"];
switch (action)
{
case "New":
this.StartDate = Convert.ToDateTime(this.Request.QueryString["StartDate"]);
this.EndDate = new DateTime(DateTime.Now.Year, DateTime.Now.Month, (DateTime.Now.AddMonths(1) - DateTime.Now).Days);
this.pnlNew.Visible = true;
this.pnlEdit.Visible = false;
break;
case "Edit":
int planID = Convert.ToInt32(this.Request.QueryString["PlanID"]);
DataTable table = PlanOperator.SelectPlanById(planID);
this.txtTitle.Text = table.Rows[0]["Title"].ToString();
this.txtContent.Text = table.Rows[0]["PlanContent"].ToString();
this.txtStartDate.Text = table.Rows[0]["StartDate"].ToString();
this.txtEndDate.Text = table.Rows[0]["EndDate"].ToString();
this.hidPlanID.Value = table.Rows[0]["PlanID"].ToString();
this.pnlNew.Visible = false;
this.pnlEdit.Visible = true;
break;
default:
break;
}
}
}
protected void btnInsertPlan_Click(object sender, EventArgs e)
{
int i=PlanOperator.InsertPlan(this.txtTitle.Text, this.txtContent.Text,this.txtStartDate.Text, this.txtEndDate.Text);
if (i == 1)
{
this.Response.Write("<script type='text/javascript' language='javascript'>alert('添加日程成功！'); window.opener.location=window.opener.location+'?'+Math.random();window.opener='';window.close();</script>");
return;
}
this.Response.Write("<script type='text/javascript' language='javascript'>alert('添加日程失败！'); window.opener.location=window.opener.location+'?'+Math.random();window.opener='';window.close();</script>");
return;
}
protected void btnUpdate_Click1(object sender, EventArgs e)
{
int i = PlanOperator.UpdatePlan(Convert.ToInt32(this.hidPlanID.Value),this.txtTitle.Text, this.txtContent.Text, this.txtStartDate.Text, this.txtEndDate.Text);
if (i == 1)
{
this.Response.Write("<script type='text/javascript' language='javascript'>alert('更新日程成功！'); window.opener.location=window.opener.location+'?'+Math.random();window.opener='';window.close();</script>");
return;
}
this.Response.Write("<script type='text/javascript' language='javascript'>alert('更新日程失败！'); window.opener.location=window.opener.location+'?'+Math.random();window.opener='';window.close();</script>");
return;
}
protected void btnDelete_Click(object sender, EventArgs e)
{
int i = PlanOperator.DeletePlan(Convert.ToInt32(this.hidPlanID.Value));
if (i == 1)
{
this.Response.Write("<script type='text/javascript' language='javascript'>alert('删除日程成功！'); window.opener.location=window.opener.location+'?'+Math.random();window.opener='';window.close();</script>");
return;
}
this.Response.Write("<script type='text/javascript' language='javascript'>alert('删除日程失败！'); window.opener.location=window.opener.location+'?'+Math.random();window.opener='';window.close();</script>");
return;
}
}
以上就是关于My97DatePicker日期控件实现OA日期记事功能的全部内容，希望大家会喜欢。
相关推荐
-
ASP.NET中TextBox使用Ajax控件显示日期不全的问题解决方法
正常的引用 复制代码 代码如下: <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="AjaxToolKit" %><asp:TextBox ID="txtRecordTime" runat="server" cssclass="style" width
-
ASP.NET项目开发中日期控件DatePicker如何使用
前几天做项目的时候要用到日期控件,但是在ASP.NET中,没有封装日期控件,第一想法就是百度一下喽~,下面给大家分享如何使用这个控件,扩充一下自己的代码库. 首先需要大家下载一个DatePicker的JavaScript的文件,解压文件包,放于所需的项目文件夹下,直接放到JS的文件夹下(没有的话直接粘贴进来就可以),然后在要用的界面里面引用这个DatePicker的WdatePicker.JS文件. 图一 界面展示 前台代码: <%@ Page Language="C#" Aut
-
基于Asp.net与Javascript控制的日期控件
控件效果如下: 从左到右:month,day,year .cs文件初始化这三个下拉列表 复制代码 代码如下: private void BindBirthDay(int day, int month, int year) { int dayNow = day; int monNow = month; int yearNow = year; //binding Month for (int i = 1; i <= 12; i++) { ddlBirMon.Items.Add(new ListIte
-
ASP.NET使用My97DatePicker日期控件实例
.Net中默认提供了Calendar日期控件,但是它有一个缺陷,就是每次日历的显示,隐藏和用户的的选择日期都会造成回传. 在网上找到My97DatePicker这个js日期控件,不错,和大家分享一下. My97DatePicker日期控件在网上很多都可以免费下载,也有该控件的网站 把下载好的My97DatePicker.jar解压,黏贴到项目根目录下,当然这个位置大家可以自己设置 我在根目录下新建了一个test.aspx页面 源代码: <%@ Page Language="C#&qu
-
ASP.NET Calendar日历(日期)控件使用方法
Calendar 控件显示一个日历,用户可通过该日历导航到任意一年的任意一天.当 ASP.NET 网页运行时,Calendar 控件以 HTML 表格的形式呈现.因此,该控件的许多属性与多种不同的表格格式相符.在这些属性中,有几个在一些低版本的浏览器中不能得到完全支持,因此在这些浏览器中并不能使用所有的格式功能. 使用 Calendar 控件在网页上显示日历的单个月.该控件使您可以选择日期并移到下个月或上个月.Calendar 控件支持 System.Globalization 命名空间中的所有
-
ASP.NET My97DatePicker日期控件实现OA日期记事功能
My97DatePicker日期控件是一个非常好用的日期控件,功能非常优秀的日期控件. 对实现页面刷新完善的很好,用日期控件时可以有比较好的享受,这次的OA日期记事功能也得益于此控件,具体效果图如下: 部分代码: Default页布局一个Calendar日期控件 <div> <asp:Calendar ID="Calendar1" runat="server" Width="100%" ShowGridLines="T
-
iview日期控件,双向绑定日期格式的方法
日期在双向绑定之后格式为:2017-07-03T16:00:00.000Z 想要的格式为2017-07-04 调了好久,几乎一天:用一句话搞定了 @on-change="addForm.Birthday=$event" <Date-picker placeholder="选择日期" type="datetime" v-model="addForm.Birthday" :key="addForm.Birthday
-
asp.net使用原生控件实现自定义列导出功能的方法
目录 自定义列实现 尝试一 尝试二 总结 自定义列实现 最近负责开发公司内部使用的人事信息化系统时,有一个需求是这样的,需要在页面中可以用户每次导出Excel时自定义需要导出哪些列,经过半天的琢磨和倒腾,总算完成了这个需求.写篇blog记录一下小菜鸡的成长历程.哈哈哈. 需求见截图所示: tbg:数据源使用DataTable.且GridView中用于绑定数据的BoundFiled列中使用的DataField全部是与CheckBox中的ID一一对应,这样方便后面循环这些控件时进行操作. 尝试一 数
-
JQuery EasyUI 日期控件如何控制日期选择区间
复制代码 代码如下: <tr><th>发售起始日期</th> <td><input type="text" id="usLineTime" name="usLineTime" size="20" class='easyui-validatebox Wdate' onFocus="WdatePicker({el:'usLineTime',dateFmt:'yyyy-
-
JS日期控件My97DatePicker基本用法
My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 下载地址:https://www.jb51.net/jiaoben/18012.html 2.在页面中引入该组件js文件: <script type="text/JavaScript" src="My97DatePicker/WdatePicker.js"></script> 3.例子 <!DOCTYPE HTM
-
ASP.NET中日历控件和JS版日历控件的使用方法（第5节）
今天小编带大家以做任务的形式了解ASP.NET中日历控件的使用方法,主要任务内容: 1.添加一个日历,设置日期以蓝色的完整名称显示,周末以黄色背景红色文字显示,而当前日期使用绿色背景显示,用户可以选择一天.一周或整个月,被选的天/周/月使用灰色背景色来显示.当选中一个日期后,把时间显示在下面的一个文本框中,效果如图所示: 2.设计一个注册页面,使用js日历控件帮助用户输入出生日期.效果如图所示: 学习项目一 Calendar日历控件 1.在站点下创建一个Calendar页面,并在页面上拖放一个
-
灵活掌握asp.net中gridview控件的多种使用方法（上）
灵活使用asp.net中gridview控件的方法有很多种,本文内容很富,希望大家都能有所收获. 1.GridView无代码分页排序: 效果图: 小提示: 1.AllowSorting设为True,aspx代码中是AllowSorting="True": 2.默认1页10条,如果要修改每页条数,修改PageSize即可,在aspx代码中是PageSize="12". 3.默认的是单向排序的,右击GridView弹出"属性",选择AllowSort