CODEWITHSUNDEEP
asp.net-mvcformsrazordatepicker
anderZubi
anderZubi

Reputation: 6424

Post datepicker value when changed

I'm using bootstrap.datepicker to set a datepicker in one of my Asp.Net MVC 5 Views. I want to post the date whenever a new one is selected. My code looks as follows:

@using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post))
{
    <div class="form-group form-horizontal">
        @Html.LabelFor(model => model.Date)
        @Html.TextBoxFor(model => model.Date,  new { @class = "form-control datepicker", data_provide="datepicker", data_date_format="dd/mm/yyyy"})
        @Html.ValidationMessageFor(model => model.Date)
    </div>
}

Hoever, I don't know how to force the Post method when I select a new date.

Upvotes: 3

Views: 3390

Answers (1)

Zabavsky
Zabavsky

Reputation: 13640

You can subscribe to the datepicker's changedate event and post the form:

$('.datepicker').datepicker().on('changeDate', function () {
    $(this).closest('form').submit(); // or this.form.submit();
});

Upvotes: 5

Related Questions