jQuery DatePicker in Spanish language in ASP.net MVC

comunida...

SOLVED CLOSED ACTIVE ANSWERED
User: comunidadmexicana
Posted: on Nov 22, 2020 10:28 PM
Forum: ASP.Net MVC
Answer: 1
Views: 3739
Sample Code: Download

Hi,

I want to add Jquery date picker to MVC Form.

I get the datepicker but on the Form the Date don't empty and have default value 01/01/0001.

I want a date calendar to be appear when user clicks the form on Spanish language.

Please help in using date picker with jquery.

My code as follows.

    @Html.EditorFor(m => m.myDate, new { htmlAttributes = new { @class = "textarea", placeholder = "Date", @readonly = "true" } })
    @Html.ValidationMessageFor(m => m.myDate, "", new { @class = "text-danger" })
    @section Scripts {
        @Scripts.Render("~/bundles/jqueryui")
        @Styles.Render("~/Content/cssjqryUi")
        <script type="text/javascript">
            $(document).ready(function () {
                $('input[type=datetime]').datepicker({
                    dateFormat: "dd/mm/yy",
                    changeMonth: true,
                    changeYear: true,
                    yearRange: "-2:+0"
                });
            });
        </script>
    }

public class PersonModel
{
    [Required]
    [Display(Name = "the date")]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]
    public DateTime myDate { get; set; }
}

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 2

Reply
ANSWER
User: dharmendr
Replied: on Nov 23, 2020 04:43 AM
Report

Hi comunidadmexi,

Refer below code.

Controller

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Index(string selectedDate)
    {
        ViewBag.Message = "Selected Date: " + selectedDate;
        return View();
    }
}

View

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    @using (Html.BeginForm("Index", "Home", FormMethod.Post))
    {
        @Html.Editor("SelectedDate", "", new { @readonly = "readonly" })
        <br />
        <br />
        <input type="submit" value="Submit" />
    }
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var options = $.extend({}, $.datepicker.regional["es"],
                {
                    dateFormat: "dd/mm/yy",
                    changeMonth: true,
                    changeYear: true,
                    yearRange: "-2:+0"
                });
            $("#SelectedDate").datepicker(options);
        });
    </script>
    @if (ViewBag.Message != null)
    {
        <script type="text/javascript">
            $(function () {
                alert("@ViewBag.Message");
            });
        </script>
    }
</body>
</html>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

jQuery DatePicker in Spanish language in ASP.net MVC

Company

Explore

Follow us

Contact Us