如何按日期显示员工的工作时间？

Question

我希望有人可以帮助我。我在我的网站上有下面的HTML表格，我想填充它，如下所示。我正在使用Ajax从我的代码中的Webmethod获取数据;我能够很好地接收数据但我的SQL查询有问题。

我有以下SQL查询：

 SELECT TimeSheetId, Week, Departmentname, Employee, Activity,
CASE WHEN datename(dw,WorkDate)='MONDAY' THEN CONVERT(VARCHAR, TIME, 108) END AS Monday,
CASE WHEN datename(dw,WorkDate)='TUESDAY'THEN CONVERT(VARCHAR, TIME, 108) END AS Tuesday,
CASE WHEN datename(dw,WorkDate)='WEDNESDAY'  THEN CONVERT(VARCHAR, TIME, 108) END AS Wednesday,
CASE WHEN datename(dw,WorkDate)='THURSDAY' THEN CONVERT(VARCHAR, TIME, 108) END AS Thursday,
CASE WHEN datename(dw,WorkDate)='FRIDAY' THEN CONVERT(VARCHAR, TIME, 108) END AS Friday,
CASE WHEN datename(dw,WorkDate)='SATURDAY' THEN CONVERT(VARCHAR, TIME, 108) END AS Saturday
--Time) as TotalHours
FROM TimeSheet
WHERE Week = 8 AND Departmentname = 'All' AND Employee = 'Hand Batis'

查询返回以下内容：

如何根据日期格式化查询结果以使时间字段显示在每周的每一天？同样，我想在网站上的总HRW栏中显示时间总和。

结果应如下图所示。