ASP.NET MVC JQUERY Datepicker time problem

Question

I tryed some code examples from here&another forums but it still gets the date with time when I click the edit button. Here's my code

   <div class="form-group">
        <label class="control-label col-md-2">License Date</label>
        <div class="col-md-10">
            @Html.EditorFor(model => model.L_Date, new { htmlAttributes = new { @class = "date-picker" } })
        </div>
</div>

<link href="@Url.Content("~/Content/themes/base/jquery-ui.min.css")" rel="stylesheet" />
<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.10.4.min.js")"></script>
@section scripts{
    <script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.date-picker').datepicker({
                showOn:"both",
                buttonText: "...",
                dateFormat: 'dd.MM.yy',
                changeYear: true,
                changeMonth: true,
                firstDay: 1
            });
        });
    </script>
}

It gives like " 2.07.2019 00:00:00 " format, I just want "2.07.2019 ". Thank you.

Isn't there anyone have same problem.Any other help ?

Bosco · Accepted Answer · 2019-07-26 18:11:59Z

1

This is where and how you change the date format

$(function () {
        $('.date-picker').datepicker({
            showOn:"both",
            buttonText: "...",
            dateFormat: 'dd/MM/yy',//change format here
            changeYear: true,
            changeMonth: true,
            firstDay: 1
        });
    });

Check this for more formats. https://www.encodedna.com/jquery/ui-datepicker-widget-change-date-format.htm

Also you can change your textbox to

@Html.EditorFor(model => model.L_Date, "{0:d}", new { id = "your Id", @class="date-picker" })

EDIT

Another way to do this is to format the model before binding see my answer here

@{ 
    ViewBag.Title = "Home Page";
    Model.L_Date = Model.L_Date.ToString("d");//or any other formats
}

edited Jul 26, 2019 at 18:11

answered Jul 2, 2019 at 6:49

Bosco

1,5522 gold badges14 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

jrstudent Over a year ago

I tryed this format but its still same "2.07.2019 00:00:00"

Bosco Over a year ago

Can you use TextBoxFor to try

jrstudent Over a year ago

Sorry , I need picker not a single box

Yadukrishnan M · Accepted Answer · 2019-07-02 07:26:07Z

0

Try this code.Date format will be "dd/mm/yy"

 $('.date-picker').datepicker({dateFormat: 'dd/mm/yy'});

answered Jul 2, 2019 at 7:26

Yadukrishnan M

1621 silver badge15 bronze badges

2 Comments

Yadukrishnan M Over a year ago

link href="ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/…" rel="stylesheet" /> <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.7.1/…> <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/…> Try adding all scripts under @sectionScripts

jrstudent Over a year ago

Same ,nothing changed

Collectives™ on Stack Overflow

ASP.NET MVC JQUERY Datepicker time problem

2 Answers 2

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related