Uncaught TypeError: Object [object Object] has no method 'datepicker'

Question

This is the error i am facing:

Uncaught TypeError: Object [object Object] has no method 'datepicker' myquery.js:13
(anonymous function) myquery.js:13
fire jquery.js:3049
self.fireWith jquery.js:3161
jQuery.extend.ready jquery.js:434
completed

the code of myquery.js is below:

jQuery(function($){
    $("#datepicker").datepicker({
        dateFormat: 'yy-mm-dd'
    });
});

In my application.js i have:

//= require jquery
//= require myquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

And in my application.html.erb i have this:

  <%= stylesheet_link_tag    "http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" %>

true %>

and lastly my index.html.erb says:

<label for="date">Date</label>
<input type="text" id="datepicker"></p>

i have tried almost all the answers on stackoverflow but no gain. plz tell me what to do...

stackoverflow.com/questions/13351173/… it can help you

Sanket
– Sanket

2014-01-23 07:48:16 +00:00
Commented Jan 23, 2014 at 7:48 — Sanket
– Sanket, Commented Jan 23, 2014 at 7:48

Hasib Tarafder · Accepted Answer · 2014-01-23 07:47:37Z

1

You have to load jquery ui first

And then load myquery.js

because datepicker() is the method of jquery ui.

So, your javascript load order sholud be the following...

//= require jquery
//= require jquery_ujs
//= require myquery
//= require turbolinks
//= require_tree

answered Jan 23, 2014 at 7:47

Hasib Tarafder

5,8133 gold badges33 silver badges44 bronze badges

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

2 Comments

Abdul Baig Over a year ago

is it //==require jquery_ujs or jquery_uis?

Hasib Tarafder Over a year ago

it is //= require jquery_ujs or you can check the following link github.com/rails/jquery-ujs

Hasib Tarafder · Accepted Answer · 2014-01-23 07:54:41Z

0

It seams as jQuery UI js file is not loaded before you use datepicker method. Change the order of require(jquery_ujs before myquery):

//= require jquery
//= require jquery_ujs
//= require myquery
//= require turbolinks
//= require_tree .

edited Jan 23, 2014 at 7:54

Hasib Tarafder

5,8133 gold badges33 silver badges44 bronze badges

answered Jan 23, 2014 at 7:47

Alex

11.3k13 gold badges53 silver badges64 bronze badges

Comments

nikolayp · Accepted Answer · 2014-01-23 08:00:11Z

0

same require order as write Hasib Hasan Arnab and

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

answered Jan 23, 2014 at 8:00

nikolayp

18.1k4 gold badges69 silver badges68 bronze badges

Collectives™ on Stack Overflow

Uncaught TypeError: Object [object Object] has no method 'datepicker'

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related