how to add javascript to an Asp.net MVC app

Question

I am building an Asp.net MVC app and would like to add a datepicker.

I have this code in my form in the view

@Html.LabelFor(b => b.Date)
@Html.EditorFor(b => b.Date, new {id = "news_date"})

and I would like to add this javascript to it to enable to datapicker:

$(document).ready(function () {
        $("#news_date").datepicker({ dateFormat: 'dd/mm/yy' });
});

however when the application is run it shows the above code as text on the page. How do I get it to recognize it as javascript?

user1968030 · Accepted Answer · 2014-01-12 18:18:47Z

2

Use script tag

@Html.LabelFor(b => b.Date)
@Html.EditorFor(b => b.Date, new {id = "news_date"})
    <script  type="text/javascript">

    $(document).ready(function () {
            $("#news_date").datepicker({ dateFormat: 'dd/mm/yy' });
    });
    </script>

answered Jan 12, 2014 at 18:18

user1968030

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

1 Comment

brian4342 Over a year ago

have to wait 5 more mins first

Selman Genç · Accepted Answer · 2014-01-12 18:18:55Z

1

wrap your code with script tags

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

answered Jan 12, 2014 at 18:18

Selman Genç

102k15 gold badges126 silver badges193 bronze badges

1 Comment

Selman Genç Over a year ago

because it is simple :)

Collectives™ on Stack Overflow

how to add javascript to an Asp.net MVC app

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related