c# - 使用 jquery 日历获取日期并发送到 mvc

Question

我认为日期时间是这样的

 @Html.EditorFor(m => m.StartDate)
 <input type="button" id="pickDate" value="Send date" />

Jquery datepicker 已实现，我在这些共享文件夹中使用 DateTime.cshtml

@model DateTime
@Html.TextBox("", Model.ToString("d|M|yyyy"),
   new { @class = "date" })

$('#pickDate').click(function () {
    $.ajax({
        type: 'POST',
            contentType: 'application/json; charset=utf-8',

            url: '/Home/DateManipulation',
            success: function (result) { alert('Success');},
            error: function () { alert("error"); }
   });
});

[HttpPost]
public JsonResult DateManipulation()
{
  DateTime date = DateTime.ParseExact(Request.Params["MyDate"], "d|M|yyyy", CultureInfo.InvariantCulture);

   var data = //process some other manipulation with data      
   return Json(data);
}

问题是：如何使用上面的 js 脚本发送日期。

Answer 1

检索StartDate输入字段的值并将其作为 a 传递data给 ajax 请求。

$('#pickDate').click(function () {
    var date = $('input[name="StartDate"]').val();

    $.ajax({
        type: 'POST',
            contentType: 'application/json; charset=utf-8',
            data: {date: date},
            url: '/Home/DateManipulation',
            success: function (result) { alert('Success');},
            error: function () { alert("error"); }
   });
});

在服务器端，您可以为操作方法指定相应的参数：

[HttpPost]
public JsonResult DateManipulation(string date)
{
    DateTime date = DateTime.ParseExact(date, "d|M|yyyy", CultureInfo.InvariantCulture);

    var data = //process some other manipulation with data      
    return Json(data);
}