DatePicker Jquery UI

Question

I'm a newbie. While im working on datepicker, somehow it is not working properly on IE. Please check the below image enter image description here

and here is the code:

function pageLoad() {
        $(function () {
            $("#textBox").datepicker({
                showOn: "button",
                buttonImage: "someImageUrl", 
                buttonImageOnly: true,
                dateFormat: "M dd,yy",
                buttonText: "Select date"
            })
        });
        $("#textBox").val(defaultDate);
    }

here are the versions of JQuery

<script src="//code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js" type="text/javascript"></script>

Sorry here are the CSS:

<link id="lnkStyleSheet" runat="server" rel="stylesheet" href="../CSS/StyleSheet.css" type="text/css" />

It would seem that you haven't loaded the jQuery UI CSS file(s). — Cᴏʀʏ, Sep 16 '14 at 19:57
Have you included the jQuery UI CSS (theme)? [ThemeRoller](http://jqueryui.com/themeroller/) / [Reference](http://stackoverflow.com/questions/820412/downloading-jquery-ui-css-from-googles-cdn) — showdev, Sep 16 '14 at 19:57
This behavior uccurs only on IE? On wich version of IE are you testing? — Santiago Nicolas Roca, Sep 16 '14 at 20:02
yes unfortunately i have to test only on IE im testing on IE 11 — MustangManiac, Sep 16 '14 at 20:03

score 1 · Accepted Answer · answered Sep 16 '14 at 19:58

1

You need to include the CSS and images that come with jQuery UI.

<link rel="stylesheet" href="jquery-ui.min.css">

See the "Basic Overview: Using jQuery UI on a Web Page" section here: http://learn.jquery.com/jquery-ui/getting-started/

answered Sep 16 '14 at 19:58

Will

2,790
19
22

1

A little more information would be helpful in making this a complete answer. – showdev Sep 16 '14 at 20:00
@DenimChicken: I'm looking for this kind of functionality: http://jqueryui.com/datepicker/#icon-trigger – MustangManiac Sep 16 '14 at 20:11
1

It appears to be a CSS issue so I'd follow the basic overview and confirm that the CSS and image files are loading correctly. – Will Sep 16 '14 at 20:11

score 0 · Answer 2 · answered Sep 16 '14 at 20:04

0

You could roll your own theme and use those files

http://jqueryui.com/themeroller/

answered Sep 16 '14 at 20:04

DeFeNdog

1,156
1
12
25

score 0 · Answer 3 · answered Sep 16 '14 at 20:13

0

   <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"/>

Just add it in your HTML head before code

answered Sep 16 '14 at 20:13

Adrien Lanoie

23
1
4

DatePicker Jquery UI

3 Answers3