我们可以使用 DateCalendarCellType 实现点击击单元格弹出日期控件的效果。

关于使用 DateCalendarCellType 的准备工作,请参考:
http://gcdn.grapecity.com/showtopic-2992.html

重要属性介绍
a.        DateFormat 获取或设置日期显示格式
b.        FirstDayOfWeek 获取或设置每周第一天。
c.        MaskedEditValidator:获取或设置验证信息。
d.        OnClientDateSelectionChanged:获取或设置客户端日历控件选择日期变化时的事件信息。
e.        OnClientHidden:获取或设置客户端日历控件隐藏后的事件信息。
f.        OnClientHiding:获取或设置客户端日历控件隐藏过程事件信息。
g.        OnClientShown:获取或设置客户端日历控件显示后的事件信息。
h.        OnClientShowing:获取或设置客户端日历控件显示过程中的事件信息。
i.        PopupPosition:获取或设置客户端单元格相对于单元格的显示位置。

下面通过实例来展示如何使用 DateCalendarCellType实现日历功能,并且演示如何调用客户端事件,在客户端选择日期变化时,如何在后台拿到变化日期。

1.创建 DateCalendarCellType并设置相关属性。
   a.后台代码,可以在 UpdateCommand 事件中查看日期变化:

 
protected void Page_Load(object sender, EventArgs e)

        {

            FarPoint.Web.Spread.Extender.DateCalendarCellType dc = new FarPoint.Web.Spread.Extender.DateCalendarCellType();

            dc.Animated = true;

            dc.DateFormat = "MM/dd/yyyy";

            dc.EnableOnClient = true;

            dc.ShowEditor = true;

            dc.OnClientDateSelectionChanged = "datechange";

            FpSpread1.ActiveSheetView.Cells[0, 0].CellType = dc;

        }



        protected void FpSpread1_UpdateCommand(object sender, FarPoint.Web.Spread.SpreadCommandEventArgs e)

        {



        }

复制代码

b.前台代码,作用为把 动作 Post 到后台 UpdateCommand 事件中。

 
<script type="text/javascript">

        function datechange() {  

          FpSpread1.UpdatePostbackData();

            FpSpread1.CallBack("Update");

        }

</script>

复制代码

2.效果图

3.Demo下载
   开 发 环 境:VS2010 + Srpead for ASP.NET V5.0.3524.2008

DateCalendarCellType.zip (2.67 M, 下载次数:58)