如何从Angular 2向WCF服务传递Datetime参数？

我来帮你解决这个Angular 2向WCF服务传递DateTime参数的问题，结合你给出的WCF代码示例，这里有两种实用的解决方案，我会一步步讲清楚：

方法一：前端转换日期为WCF兼容格式 #

首先要明确：WCF在使用WebMessageFormat.Json时，默认会把DateTime类型序列化为/Date(毫秒数)/的格式（比如/Date(631152000000)/对应1990年1月1日）。所以我们需要在Angular 2里把Date对象转换成这种格式，再发送给服务端。

步骤1：编写日期转换辅助函数 #

在你的Angular组件或服务里，添加一个转换函数：

// 把Date对象转为WCF兼容的DateTime格式
convertToWcfDate(date: Date): string {
  const milliseconds = date.getTime();
  return `/Date(${milliseconds})/`;
}

步骤2：构造请求并发送 #

构造Member请求对象时，用上面的函数处理BOD字段，然后通过HttpClient发送POST请求：

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable()
export class MemberService {
  constructor(private http: HttpClient) {}

  getMember(memberId: number, birthDate: Date) {
    // 构造符合WCF要求的请求体
    const requestBody = {
      ID: memberId,
      BOD: this.convertToWcfDate(birthDate)
    };

    // 发送请求到WCF服务的GetMember接口
    return this.http.post<Member>('http://your-service-url/GetMember/', requestBody);
  }

  private convertToWcfDate(date: Date): string {
    const milliseconds = date.getTime();
    return `/Date(${milliseconds})/`;
  }
}

// 定义Member类型接口（可选，用于类型提示）
interface Member {
  ID: number;
  BOD: string | Date;
}

因为你的WCF接口设置了BodyStyle = WebMessageBodyStyle.Bare，所以直接发送Member对象的JSON即可，不需要额外包裹。

方法二：修改WCF配置，支持标准ISO日期格式 #

如果你觉得前端转换格式太麻烦，可以修改WCF的配置，让它支持标准的ISO 8601日期格式（比如1990-01-01T00:00:00.000Z），这样Angular里的Date对象可以直接序列化发送，不需要额外处理。

步骤1：修改WCF配置文件（web.config/app.config） #

在<system.serviceModel>节点下添加端点行为配置，指定JSON序列化器使用ISO日期格式：

<system.serviceModel>
  <behaviors>
    <endpointBehaviors>
      <!-- 定义支持ISO日期的JSON行为 -->
      <behavior name="IsoDateJsonBehavior">
        <webHttp />
        <dataContractJsonSerializer dateTimeFormat="ISO" />
      </behavior>
    </endpointBehaviors>
  </behaviors>

  <services>
    <!-- 为你的LoginService应用这个行为 -->
    <service name="YourNamespace.LoginService">
      <endpoint 
        address="" 
        binding="webHttpBinding" 
        contract="YourNamespace.ILoginService" 
        behaviorConfiguration="IsoDateJsonBehavior" />
    </service>
  </services>
</system.serviceModel>

步骤2：Angular端直接发送日期 #

配置完成后，WCF就能接受ISO格式的日期了，Angular里直接传递Date对象或者它的ISO字符串即可：

getMember(memberId: number, birthDate: Date) {
  const requestBody = {
    ID: memberId,
    BOD: birthDate.toISOString() // 直接生成ISO格式字符串
    // 或者直接传birthDate，HttpClient会自动序列化为ISO格式
    // BOD: birthDate
  };

  return this.http.post<Member>('http://your-service-url/GetMember/', requestBody);
}

注意事项：时区问题 #

如果你的应用涉及跨时区场景，建议统一使用UTC时间：

• Angular里可以用date.toISOString()（默认返回UTC时间的ISO格式）
• WCF端收到日期后，可以根据需要转换为本地时间，或者直接存储UTC时间

这样能避免不同时区导致的日期偏差问题。

内容的提问来源于stack exchange，提问作者Anil Prajapati