传递给 ASP.NET MVC5 中的控制器时，DateTime 字段为空

Question

I have in my application a search form using AjaxBeginForm . In the same I have a date field ( DateTime ), and in which I am using the datePicker bootstrap.

My form looks like this:

@using (Ajax.BeginForm("Index", "Pedido", new AjaxOptions { HttpMethod = "Get", InsertionMode = InsertionMode.Replace, UpdateTargetId = "divPedidos" }, new { @class = "form-inline" }))
{
    @Html.TextBox("pesquisarRascunhoId", 0, new { style = "display: none" })
    <div class="row">
        <div class="col-sm-4">
            <p>Data emissão</p>
            <div class="input-group date col-sm-5">
                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                @Html.EditorFor(model => model.PedidoFilter.EmissaoInicial, new { htmlAttributes = new { @class = "form-control input-sm datepicker" } })
            </div>
            a
            <div class="input-group date col-sm-5">
                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                @Html.EditorFor(model => model.PedidoFilter.EmissaoFinal, new { htmlAttributes = new { @class = "form-control input-sm datepicker" } })
            </div>
        </div>
    <div class="btn-search">
        <p class="demo-button">
            <button type="submit" class="btn btn-success"><i class="fa fa-search"></i><span>Pesquisar</span></button>
        </p>
    </div>
}

My javaScript for formatting my date in dd / mm / yyyy looks like this:

$(".datepicker").datepicker({
    format: "dd/mm/yyyy",
    language: "pt-BR",
    autoclose: true
});

My entity looks like this:

public class PedidoFilter
{
   public DateTime? EmissaoInicial { get; set; }
   public DateTime? EmissaoFinal { get; set; }
}

And finally my controller looks like this:

public ActionResult Index(PedidoResult pedidoResult, 
{
    var pedido = _service.FindAll(pedidoResult.PedidoFilter);

    return View(pedido);
}

I define my language culture in my Web.config like this:

<globalization uiCulture="pt-BR" culture="pt-BR" enableClientBasedCulture="true" />

1. All fields of my form arrive in my controller, but my date fields are always null, in the format dd/mm/yyyy , which I define in my datepicker js.

2. If I enter a date in the mm/dd/yyyy format it is passed to my controller.

My question is:

How can I pass my date field in the dd/mm/yyyy format and get them on my controller without them being null?

Answer 1

I think the date format can be changed with Culture or via the code example below: C# takes the first month of the year after the day. You solve this problem. Use the flatpickr or other datepicker.

 <input asp-for="Birthdate" type="datetime" data-name="date-picker" class="form-control" autocomplete="off">

 let birthDay = flatpickr(document.getElementById('Birthdate'), { enableTime: true, dateFormat: 'dm-Y', });

 $('#myform').submit((e) => { $('#Birthdate').val(birthDay.latestSelectedDateObj.toLocaleString()); });