Question

＆＃13;

$(function () {     
    jQuery('#onselectExample').timepicker({
        'minTime': '7:00am',
        'maxTime': '7:00pm',
        //format: 'H:i'
    });
});

＆＃13;

<div class="row">
    <div class="large-4 columns left" style="text-align:right;">@Html.Label("Time")</div>
    <div class="large-7 columns left">
        <input id="onselectExample" type="text" class="time"  name="onselectExample" required/>
    </div>
</div>

＆＃13;

我的表格中有一个字段是＆＃34; Time＆＃34;。这是jQuery时间选择器。我可以每半小时看一次时间，我给出了具体的时间，从早上7点到晚上7点。我已经花了这样的时间，因为它将用于预约，在特定的时间段只有3个客户可以预约。而且，我也想要禁用时间，在今天和前几天也已经过去了。我不想用数据库做这件事。

Answer 1

这是使用选择框的mvc方法。在视图模型中创建一个属性，如

public IList<SelectListItem> ScheduleTimes { get; set; }
public string SelectedScheduleTime { get; set; }

和viewmodel构造函数

public ViewModel()
{
    ScheduleTimes = new List<SelectListItem>();
    var dt = new DateTime(1, 1, 1, 7, 0, 0);
    var dtEnd = new DateTime(1, 1, 1, 19, 0, 0);
    while (dt <= dtEnd)
    {
        ScheduleTimes.Add(new SelectListItem { Text = dt.ToString("hh:mm tt"), Value = dt.ToString("hh:mm tt") });
        dt.AddMinutes(30);
    }
}

并为您的观点

@Html.DropDownListFor(m => m.SelectedScheduleTime, Model.ScheduleTimes, new {@class = "form-control"})

我想禁用时间选择器

1 个答案: