C#中DateTime为NULL时如何让前端文本框显示空字符串

算力阿峰

2026-9-3

问题根因

异常日期来自$.formatDate方法的空值处理逻辑缺陷：

方法未对入参做非空校验，当传入null/undefined时，会自动将空值替换为内置的基准日期（即你看到的1960/12/31），最终输出错误的格式化结果
C#中非可空DateTime是值类型，未赋值时默认值为DateTime.MinValue（公元1年1月1日），该值序列化到前端后传入格式化方法，就会输出1/1/0001，这个场景下属性本身不是null，是值类型的固有默认值

控制台打印PurchaseOrder.ShipmentDate为null仅能说明属性值本身为空，格式化方法接收到null后的兜底逻辑才是异常值的直接来源。

解决方案

方案1：赋值前单独判空（改动最小，适合单处使用的场景）

直接修改JS赋值逻辑，先判断日期属性是否为空，为空时给文本框赋值空字符串，非空时再执行格式化：

$('#ShipmentDate').val(
  PurchaseOrder.ShipmentDate ? $.formatDate(PurchaseOrder.ShipmentDate) : ''
);

如果接口序列化时可能将空日期序列化为空字符串，可以补全判空条件覆盖所有空场景：

const dateValue = PurchaseOrder.ShipmentDate;
$('#ShipmentDate').val(
  dateValue && dateValue !== '' ? $.formatDate(dateValue) : ''
);

方案2：全局扩展formatDate方法（一劳永逸，适合项目多处调用格式化方法的场景）

在公共JS脚本中给原有$.formatDate方法增加空值兜底，后续所有调用该方法的位置不需要单独写判空逻辑：

// 缓存原有格式化方法
const originalFormatDate = $.formatDate;
// 重写方法加入空值判断
$.formatDate = function(date, format) {
  if (!date) return '';
  return originalFormatDate.call(this, date, format);
};

重写完成后，原有赋值代码$('#ShipmentDate').val($.formatDate(PurchaseOrder.ShipmentDate));不需要做任何修改，传入空值时会自动返回空字符串。