jQuery UI datepicker not working with asp.net mvc

Question

I am working with ASP.Net MVC with Jquery Date picker.

here is my model class

public class myViewModel
{
   public DateTime? FromDate {get;set;}
   public DateTime? ToDate {get;set;}
}

here is my View Class

@model testApp.myViewModel

@Html.TextBox("FromDate","{0:MM/dd/yyyy}", new { @class = "datepicker" })
@Html.TextBox("ToDate","{0:MM/dd/yyyy}", new { @class = "datepicker" })

and JQuery

<script>
    $(function () {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true
        });
    });
</script>

Now the issue is whenever my page is load default date does not display in textbox instead "{0:MM/dd/yyyy}" display in both textbox

So how can I display and bind current date value in my FromDate and ToDate textbox?

Thanks

any errors in the console? do you have jquery and jquery UI included on the page? — DLeh
– DLeh, Commented Jan 12, 2015 at 13:39
there is no error in console,also I have added Jquery and jqueryUI on the page — Sandip
– Sandip, Commented Jan 12, 2015 at 13:39
no I am not binding data from model.I am using just @Html.TextBox().I don't want to use @Html.TextBoxFor() — Sandip
– Sandip, Commented Jan 12, 2015 at 13:41
Your using the overload of @Html.Textbox() where the second parameter is the value (to display). You may be confusing this with @Html.TextBoxFor() where the second parameter is the format — user3559349
– user3559349, Commented Jan 12, 2015 at 22:29

Afzal Ahmad · Accepted Answer · 2015-01-12 13:39:33Z

0

use this,

<script>
    $(function () {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            setDate : new Date()
        });
    });
</script>

answered Jan 12, 2015 at 13:39

Afzal Ahmad

6266 silver badges20 bronze badges

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

Comments

Donnelle · Accepted Answer · 2015-07-20 00:29:23Z

0

Make sure the following using statements are included in your Model

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

Change Model as follows

[Display(Name = "Date")]
    [DisplayFormat(DataFormatString = "{0:MM/dd/yyy}", ApplyFormatInEditMode = true)]
    public Nullable<System.DateTime> Date { get; set; }

Your JQuery is

<script>
$(function () {
    $(".datepicker").datepicker({ dateFormat: "MM/dd/yy", changeMonth: true, changeYear: true });
});
</script>

And View Class is

@Html.TextBoxFor(model => model.FromDate, "{0:MM/dd/yyyy}", new { id = "datepicker" })

@Html.TextBoxFor(model => model.ToFromDate, "{0:MM/dd/yyyy}", new { id = "datepicker" })

edited Jul 20, 2015 at 0:29

Donnelle

5,7493 gold badges30 silver badges31 bronze badges

answered Jan 12, 2015 at 15:53

Scanner

6271 gold badge10 silver badges20 bronze badges

Collectives™ on Stack Overflow

jQuery UI datepicker not working with asp.net mvc

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related