在ASP.NET MVC中,可以通过使用表单来将选定的下拉列表和日历日期传递给模型。以下是一个示例代码:
View代码:
@model YourModel
@using (Html.BeginForm("SaveData", "YourController", FormMethod.Post))
{
@Html.DropDownListFor(model => model.SelectedOption, Model.OptionsList)
@Html.TextBoxFor(model => model.SelectedDate, new { @class = "datepicker" })
}
@section scripts {
}
Controller代码:
public class YourController : Controller
{
[HttpGet]
public ActionResult YourView()
{
YourModel model = new YourModel();
// 设置下拉列表的选项
model.OptionsList = new SelectList(new List { "Option 1", "Option 2", "Option 3" });
return View(model);
}
[HttpPost]
public ActionResult SaveData(YourModel model)
{
// 在这里可以访问选定的下拉列表值和日期值
var selectedOption = model.SelectedOption;
var selectedDate = model.SelectedDate;
// 进行其他操作,保存数据等
return RedirectToAction("YourView");
}
}
Model代码:
public class YourModel
{
public SelectList OptionsList { get; set; }
public string SelectedOption { get; set; }
public DateTime SelectedDate { get; set; }
}
在上述示例中,View中使用Html.DropDownListFor
方法来创建一个下拉列表,并使用Html.TextBoxFor
方法来创建一个文本框作为日历日期选择器。在Controller的HttpGet方法中,设置下拉列表的选项,并将其传递给View。在HttpPost方法中,可以通过模型参数来访问选定的下拉列表值和日期值,并进行后续的操作。
请注意,上述示例中使用了jQuery的日期选择器插件来创建日历日期选择器。