jQuery datepicker button in mvc project

Question

I need to create a datepicker and the simplest thing doesn't work:

In my view :

@model SomeModel
<script type="text/javascript">
alert("works");
$(function () {
    $("#datepicker").datepicker({
        showOn: "button",
        buttonImage: "/SiteContent/images/Brand/icon_calendar.png",
        buttonImageOnly: true
    });
});
</script>

<div>
    <input name="input2" type="text" size="20" class="inputfield" id="datepicker" />
</div>

Am I putting the JS in wrong place ? The path to the image is fine. The button will not appear next to the input text field. Thank you,

have you included the jquery ui along with jquery

Rafay
– Rafay

2011-09-20 17:05:52 +00:00
Commented Sep 20, 2011 at 17:05 — Rafay
– Rafay, Commented Sep 20, 2011 at 17:05

Rafay · Accepted Answer · 2011-09-20 17:16:01Z

1

it works here http://jsfiddle.net/zPBv5/3/

you have to include jquery and jquery ui, and the order does matter

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js" type="text/javascript"></script>

edited Sep 20, 2011 at 17:16

answered Sep 20, 2011 at 17:10

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

Collectives™ on Stack Overflow

jQuery datepicker button in mvc project

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