使用javascript / jQuery从Bootstrap Datepicker传递值到c# Datetimeoff

本文关键字：Datetimeoff Datepicker javascript jQuery Bootstrap 使用 | 更新日期: 2023-09-27 18:19:18

我有一个Bootstrap日期拾取器在我的视图。我已将模型变量之一设置为 public DateTimeOffset? expiryDate { get; set; } 过期日期是一个可选字段，因此是由使用应用程序的用户决定是否在流程中设置过期日期。通过使用$('#datepickerid').val()，我可以从Datepicker获得当前值，我需要通过ajax调用将其发送到控制器。我使用var expirydate = $("#datepickerid").val();我可以通过ajax调用使用这个值吗?

是的，您可以在ajax调用中使用' var expirydate = $("#datepickerid").val()'。

对于demo (fiddle)，我在Model中创建了一个属性

[DataType(DataType.Date)]
public DateTimeOffset? ExpiryDate { get; set; }

并将输入呈现为:

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

在点击或按下按钮时，进行以下ajax调用:

$.ajax({
    url: '@Url.RouteUrl(new{ action="YourAction", controller="YourController"})',
    data: {datetimeOffset: $('#ExpiryDate').val()},     type: 'POST',                                   success: function(resp) {
    <<Your code>>
}});

我已经创建了这个。net小提琴来演示您的请求。