Angular 2+TypeScript 2.0传递DateTime至WebApi控制器异常

架构老林

2026-5-15

解决Angular 2向WebApi传递DateTime参数解析错误的问题

这个问题我之前也踩过坑！核心原因是你直接把JavaScript的Date对象拼到URL里时，它会被转换成浏览器本地的日期字符串格式（比如Wed Oct 11 2024 14:30:00 GMT+0800 (中国标准时间)），而WebApi默认的日期解析器根本认不出这种格式，所以就返回了默认的1/1/0001日期。

下面给你几个靠谱的解决方法：

方法1：将Date转换为ISO 8601格式字符串

WebApi对ISO 8601标准的日期格式（比如2024-10-11T06:30:00.000Z）支持非常好，你只需要在前端把日期转成这种格式再传递：

修改你的ProfileService代码：

getAvailableConsultant(ignoreList: string, providerId: number, currDate: Date, mode: number) {
  // 把Date对象转为ISO标准格式字符串
  const formattedDate = currDate.toISOString();
  var url: string = this.apiURL + "UserProfile/GetAvailableConsultant?" + 
    "ignoreList=" + ignoreList + 
    "&providerId=" + providerId + 
    "&currdate=" + formattedDate + 
    "&mode=" + mode ;
  return this.http.get(url);
}

方法2：使用HttpParams构建查询参数（推荐）

手动拼接URL容易出现编码问题和格式错误，Angular的HttpParams会自动帮你处理参数编码和格式，代码更整洁也更可靠：

首先记得导入HttpParams：

import { Http, Headers, Response, HttpParams } from "@angular/http";

然后修改服务方法：

getAvailableConsultant(ignoreList: string, providerId: number, currDate: Date, mode: number) {
  // 构建查询参数
  const params = new HttpParams()
    .set('ignoreList', ignoreList)
    .set('providerId', providerId.toString())
    .set('currdate', currDate.toISOString())
    .set('mode', mode.toString());

  const url = `${this.apiURL}UserProfile/GetAvailableConsultant`;
  return this.http.get(url, { params });
}