如何在 Asp.net MVC 中使用 DatePicker 将日期传递给控制器

Question

我想使用引导日期时间选择器将日期发送到控制器，但出现错误

参数字典包含参数“日期”的空条目 方法的不可为空类型“System.DateTime”

这是我的模型类

public class Slot
    {
        public DateTime DateSlots { get; set; }

        public DateTime Starttime { get; set; }

        public DateTime EndTime { get; set; }
    }

控制器

[httPost]
public ActionResult Createslots(string startTime, string endTime, DateTime date)
        {
            using (MYDb db = new MYDb())
            {
                Slot obj = new Slot();
                obj.Starttime = Convert.ToDateTime(startTime);
                obj.EndTime = Convert.ToDateTime(endTime);
                obj.DateSlots = date;
                db.Slots.Add(obj);
                db.SaveChanges();
            }
            return View();
        }
 // my Action
 public ActionResult Createslots()
        {
            return View();
        }

查看

   @using (Html.BeginForm("Createslots", "slot", FormMethod.Post))

    {
                    <div class="col-sm-6 form-group">
                        @Html.LabelFor(model => model.DateSlots )
                        @Html.EditorFor(model => model.DateSlots , new { htmlAttributes = new { @class = "form-control" } })
                    </div>
                    <div class="col-sm-6 form-group">
                        @Html.LabelFor(model => model.Starttime)
                        @Html.EditorFor(model => model.Starttime, new { htmlAttributes = new { @class = "form-control" } })
                    </div>
                    <div class="col-sm-6 form-group">
                        @Html.LabelFor(model => model.EndTime)
                        @Html.EditorFor(model => model.EndTime, new { htmlAttributes = new { @class = "form-control" } })
                    </div>
                    <input type="submit" class="btn text-center" value="Submit" style="background: rgb(15, 94, 125);" />
}

这里是前端 Img

开始时间和结束时间我很容易得到，但是当我尝试使用 Date 然后得到这个 错误类型

参数字典包含参数“日期”的空条目 meth 的不可为空类型“System.DateTime”

注意，我也尝试在日期存储为 null 的情况下为 null

 public ActionResult Createslots(string startTime, string endTime, DateTime ? date)
        {
}

Answer 1

我认为这是因为您在操作中有一个名为 date 的参数，但您发送的参数名称为 DateSlosts。因此，模型绑定器无法绑定您的属性。如果不想改名字，可以在动作参数date前使用[Bind(Prefix = "DateSlots")]。

Answer 2

您可以将模型作为参数而不是每个单独的属性传递，并完全避免转换：

[HttpPost]
public ActionResult Createslots(Slot slot)
{
  using (MYDb db = new MYDb())
  {
    db.Slots.Add(slot);
    db.SaveChanges();
  }
  //return to whatever
}

此外，您可以在模型中使用 DisplayFormat 属性并在视图中使用 HTML5 日期选择器：

public class Slot
{
  [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
  public DateTime DateSlots { get; set; }
  [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
  public DateTime Starttime { get; set; }
  [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
  public DateTime EndTime { get; set; }
}

查看：

@Html.EditorFor(model => model.EndTime, new { htmlAttributes = new { @class = "form-control", type= "date" } })

Answer 3

这是因为在使用 MVC 框架时，值是通过 HTML 元素的 name 从视图提交到控制器的。

在您的表单中，您有 3 个文本框：

DateSlots - StartTime - EndTime

所以，当你像这样使用Html.EditorFor 模板时：

@Html.EditorFor(model => model.DateSlots , new { htmlAttributes = new { @class = "form-control" } })

这样翻译成 HTML：

<input type="text" id="DateSlots" name="DateSlots" class="form-control" />

因此，在您的控制器中，您需要一个基于参数名称 date 的值，但请注意上面的名称是 DateSlots。

简而言之，您只需将参数名称更改为dateSlots：

[HttPost]
public ActionResult Createslots(string startTime, string endTime, DateTime dateSlots)

或

更好的解决方案

看起来好像您正在使用 EditorFor，您正在视图顶部使用模型/类 (Slots)，因此您可以在控制器中执行此操作：

[HttPost]
public ActionResult Createslots(Slot mySlot)
{
    using (MYDb db = new MYDb())
    {
        Slot obj = new Slot();
        obj.Starttime = Convert.ToDateTime(mySlot.StartTime);
        obj.EndTime = Convert.ToDateTime(mySlot.EndTime);
        obj.DateSlots = mySlot.DateSlots;
        db.Slots.Add(obj);
        db.SaveChanges();
    }
    return View();
}

我希望这会有所帮助。