在ASP.NET Core控制器中自定义带禁用项的时间下拉选择列表可行吗？

当然可以在ASP.NET Core控制器里实现这个自定义时间下拉列表，而且用SelectListItem集合来生成是非常合适的方案——既能复用逻辑，又能轻松控制选项的禁用状态和样式。我给你梳理几个具体的实现思路和代码示例：

1. 控制器中生成带禁用状态的时间选项列表 #

首先，在控制器里写一个方法来生成所有时间选项，同时处理禁用规则和样式：

private List<SelectListItem> GenerateTimeOptions()
{
    var timeOptions = new List<SelectListItem>();
    
    // 遍历8点到17点的小时
    for (int hour = 8; hour < 18; hour++)
    {
        string hourStr = hour < 10 ? $"0{hour}" : hour.ToString();
        
        // 每15分钟一个选项
        for (int minute = 0; minute < 60; minute += 15)
        {
            string minuteStr = minute < 10 ? $"0{minute}" : minute.ToString();
            string timeValue = $"{hourStr}:{minuteStr}";
            
            var timeItem = new SelectListItem
            {
                Value = timeValue,
                Text = timeValue,
                // 对应你原来的禁用条件：10:30
                Disabled = hour == 10 && minute == 30
            };
            
            // 给禁用选项添加text-danger样式
            if (timeItem.Disabled)
            {
                timeItem.Attributes.Add("class", "text-danger");
            }
            
            timeOptions.Add(timeItem);
        }
    }
    
    return timeOptions;
}

2. 将选项传递到视图 #

你可以通过ViewData或者ViewModel把生成好的列表传给视图，推荐用ViewModel（更符合MVC设计模式）：

方式一：使用ViewModel #

先定义一个ViewModel类：

public class TimeSelectionViewModel
{
    // 存储用户选择的时间
    public string SelectedTime { get; set; }
    // 时间选项列表
    public List<SelectListItem> TimeOptions { get; set; }
}

然后在Action中初始化ViewModel：

public IActionResult Index()
{
    var viewModel = new TimeSelectionViewModel
    {
        TimeOptions = GenerateTimeOptions()
    };
    return View(viewModel);
}

方式二：使用ViewData（快速实现） #

如果不想创建ViewModel，也可以直接用ViewData传递：

public IActionResult Index()
{
    ViewData["TimeOptions"] = GenerateTimeOptions();
    return View();
}

3. 在视图中渲染下拉列表 #

根据你传递数据的方式，选择对应的渲染方式：

用ViewModel渲染（推荐） #

@model TimeSelectionViewModel

<select asp-for="SelectedTime" asp-items="@Model.TimeOptions" class="form-control">
    <option value="">请选择时间</option>
</select>

用ViewData渲染 #

<select asp-for="SelectedTime" asp-items="@((List<SelectListItem>)ViewData["TimeOptions"])" class="form-control">
    <option value="">请选择时间</option>
</select>

这样渲染出来的下拉列表会自动给10:30选项加上disabled属性和text-danger样式，和你原来在视图中写的效果完全一致。

其他实现思路 #

• 复用逻辑：如果多个页面需要这个时间列表，可以把GenerateTimeOptions方法放到一个公共服务或者基类控制器中，避免重复代码。
• 动态规则：如果禁用的时间需要根据业务逻辑动态调整（比如从数据库读取、根据用户权限变化），控制器生成的方式会比视图循环更灵活，所有逻辑都集中在后端处理。
• 自定义TagHelper：如果需要更复杂的渲染逻辑，可以写一个自定义TagHelper来封装时间下拉列表的生成，进一步简化视图代码。

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