JQuery Datepicker datetime issue parsing to @Html.EditorFor MVC3

Question

I've read a lot of issues about setting the correct datetime but can't get it right.

My MVC3 approach is database first. The model is auto generated and manually changed;

    [DataType(DataType.Date)]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd-MM-yy}")]
    public Nullable<System.DateTime> Datum { get; set; }

in my view it's a straight forward razor;

    <div class="editor-field">
        @Html.EditorFor(model => model.Datum)
        @Html.ValidationMessageFor(model => model.Datum)
    </div>

in Shared_Layout I added this

jQuery(function ($) {

$.datepicker.regional['nl'] = {
            closeText: 'Sluiten',
            prevText: '←',
            nextText: '→',
            currentText: 'Vandaag',
            monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
                'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
            monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
                'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
            dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
            dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
            dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
            weekHeader: 'Wk',
            dateFormat: 'dd-mm-yy',
            firstDay: 1,
            isRTL: false,
            showMonthAfterYear: false,
            yearSuffix: ''
        };

        $.datepicker.setDefaults($.datepicker.regional['nl']);
        $.datepicker.setDefaults({ dateFormat: 'dd-mm-yy' });
    });

In the EditorFor field the date is presented dd-mm-yyyy The datepicker is format correctly in dd-mm-yy After parsing the date from the datepicker, dateformat is suddenly mm/dd/yyyy

Taryn · Accepted Answer · 2011-06-25 23:39:36Z

3

Found out the issue... I forgot I used a shared template for date :-/

@Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : string.Empty), new { @class = "datepicker" })


<script type="text/javascript">
    $(document).ready(function () {
        $('.datepicker').datepicker({ dateFormat: "dd-mm-yy" });
    });
</script>

regards, Roy

edited Jun 25, 2011 at 23:39

Taryn

249k57 gold badges374 silver badges409 bronze badges

answered Jun 25, 2011 at 10:48

Roy

512 silver badges6 bronze badges

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

Collectives™ on Stack Overflow

JQuery Datepicker datetime issue parsing to @Html.EditorFor MVC3

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related