技术问询：HTML存当前日期到CSS变量及ASP.NET赋值DateTime.UtcNow

问题1：如何通过HTML将当前日期（格式为dd/mm/yyyy）存入CSS变量？ #

要实现这个需求，我们需要借助JavaScript来获取并格式化当前日期，再将它赋值给CSS变量。具体步骤如下：

• 第一步：先在HTML的<head>里定义一个初始的CSS变量（也可以跳过这步直接通过JS创建）：

:root {
  --current-date: "";
}

• 第二步：编写JavaScript代码处理日期格式并赋值给CSS变量：

// 获取当前日期对象
const now = new Date();
// 格式化日、月为两位数（比如1号转成01，3月转成03）
const day = String(now.getDate()).padStart(2, '0');
const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始计数，所以要加1
const year = now.getFullYear();
// 拼接成dd/mm/yyyy格式
const formattedDate = `${day}/${month}/${year}`;
// 将格式化后的日期赋值给CSS变量（注意要加引号，否则CSS会把它当作标识符）
document.documentElement.style.setProperty('--current-date', `"${formattedDate}"`);

• 第三步：现在你就能在CSS里直接使用这个变量了，比如：

.date-badge::after {
  content: var(--current-date);
  color: #333;
}

问题2：给可空DateTime变量dataalta赋值DateTime.UtcNow并在@Html.EditorFor中显示 #

别担心，这是新手刚接触ASP.NET MVC时很常见的问题，很容易解决～ 这里有两种常用实现方式，你可以根据场景选择：

方式1：在控制器中给模型赋值（推荐） #

这是更符合MVC设计模式的做法，在渲染视图前，由控制器负责准备好模型数据：

假设你的控制器代码是这样的：

public ActionResult YourPage()
{
    // 初始化你的模型实例
    var yourModel = new YourModelClass();
    // 给可空DateTime属性赋值当前UTC时间
    yourModel.dataalta = DateTime.UtcNow;
    // 将模型传递给视图
    return View(yourModel);
}

这样当视图渲染@Html.EditorFor(m => m.dataalta)时，就会自动显示当前的UTC时间了。

方式2：在视图中直接处理（适合快速测试或特殊场景） #

如果暂时不想修改控制器，也可以在视图里直接判断并赋值：

@model YourModelClass

@{
    // 如果模型的dataalta还没有值，就赋值为UtcNow
    if (!Model.dataalta.HasValue)
    {
        Model.dataalta = DateTime.UtcNow;
    }
}

@Html.EditorFor(m => m.dataalta)

不过还是更推荐第一种方式，控制器负责数据准备、视图负责展示，代码结构会更清晰易维护。

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