jQuery Datetime picker MVC3

Question

I have in my Model this field

[DataType(DataType.DateTime)]
    [Required(ErrorMessage = "Expire is required")]
    public DateTime Expire
    {
      get;
      set;
    }

In My View

@Html.EditorFor(model => model.Expire))
      @Html.ValidationMessageFor(model => model.Expire)

and I create DataTime EditorTemplates

@inherits System.Web.Mvc.WebViewPage<System.DateTime>
@Html.TextBox("", (Model.ToShortDateString()), new { @class = "datePicker" })
<script type='text/javascript'>
  $(document).ready(function () {
    $(".datePicker").datepicker({
      //      buttonImage: "/content/images/calendar.gif",
      //      showOn: "both",
      //      defaultDate: $("#calendar-inline").attr('rel')
      showAnim: 'slideDown',
      dateFormat: 'dd/mm/yyyy'

    });
  });
</script>

when i try to Create new Item I have this error message

The model item passed into the dictionary is null, but this dictionary requires a non-null model item of type 'System.DateTime'

I try

Model.HasValue ? Model.Value.ToString("MM/dd/yyyy") : DateTime.Today.ToShortDateString()

But i not have in Model Value check

Max Toro · Accepted Answer · 2011-01-06 18:01:31Z

6

Try one of the following:

If the action is for creating a new object pass a new instance as model, e.g. return View(new MyObject())
Change @inherits System.Web.Mvc.WebViewPage<System.DateTime> to @inherits System.Web.Mvc.WebViewPage<System.DateTime?>

answered Jan 6, 2011 at 18:01

Max Toro

28.7k11 gold badges81 silver badges116 bronze badges

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

Comments

B Z · Accepted Answer · 2011-01-06 19:17:09Z

2

@inherits System.Web.Mvc.WebViewPage<System.DateTime>

should be

@inherits System.Web.Mvc.WebViewPage<System.DateTime?>

answered Jan 6, 2011 at 19:17

B Z

9,46217 gold badges71 silver badges93 bronze badges

Comments

Erwin · Accepted Answer · 2012-11-08 08:07:18Z

1

Just put ? in your System.DateTime

example :

@model System.DateTime?

@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue,
                new
                {
                    data_datepicker = true
                })

if you ommit the question mark you will ge an error

edited Nov 8, 2012 at 8:07

Erwin

4,8113 gold badges34 silver badges42 bronze badges

answered Nov 8, 2012 at 7:47

Ram

111 bronze badge

Comments

Nenad Dzeverdanovic · Accepted Answer · 2012-12-28 14:53:53Z

This is the code of my editor template: The point is to avoid null values:

@model DateTime?


<script src="../../../Scripts/jquery-1.4.4.js" type="text/javascript"></script>
<script src="../../../Scripts/jquery-ui.js" type="text/javascript"></script>

           @Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : String.Empty), new { @class = "datePicker" })
<script type='text/javascript'>
    $(document).ready(function () {
        $(".datePicker").datepicker({
            //      buttonImage: "/content/images/calendar.gif",
            //      showOn: "both",
            //      defaultDate: $("#calendar-inline").attr('rel')
            showAnim: 'slideDown',
            dateFormat: 'dd/mm/yyyy'

        });
    });
</script>

Collectives™ on Stack Overflow

jQuery Datetime picker MVC3

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related