how do I solve Uncaught TypeError: $(…).datepicker is not a function for yarn webpack
I'm going roundin circles, i have jquery working with most of my code. I transitioned from uglify.js using yarn encore with webpack.
Which file do I include, previously had the following which worked, how do I add the css files as well.
jquery-1.8.3.js
jquery-ui.js
jquery.form.js
jquery
currently I have in my app.js
require('../css/app.css');
// require jQuery normally other won't work
const $ = require('jquery');
// create global $ and jQuery variables
global.$ = global.jQuery = $;
require('jquery-ui');
require('jquery-form');
These added these manually
<link rel="stylesheet" href="
{{asset('bundles/site/css/mobiledatepicker.css')}}">
<link rel="stylesheet" href="
{{asset('bundles/site/css/jquerymobile.css')}}">
javascript symfony webpack webpack-encore
asked Nov 26 '18 at 23:13
GAVGAV
5011923
add a comment |
I'm going roundin circles, i have jquery working with most of my code. I transitioned from uglify.js using yarn encore with webpack.
Which file do I include, previously had the following which worked, how do I add the css files as well.
jquery-1.8.3.js
jquery-ui.js
jquery.form.js
jquery
currently I have in my app.js
require('../css/app.css');
// require jQuery normally other won't work
const $ = require('jquery');
// create global $ and jQuery variables
global.$ = global.jQuery = $;
require('jquery-ui');
require('jquery-form');
These added these manually
<link rel="stylesheet" href="
{{asset('bundles/site/css/mobiledatepicker.css')}}">
<link rel="stylesheet" href="
{{asset('bundles/site/css/jquerymobile.css')}}">
javascript symfony webpack webpack-encore
asked Nov 26 '18 at 23:13
GAVGAV
5011923
Is your webpack configured properly for jquery/jqueryui?
– Kevin B
Nov 26 '18 at 23:20
you got me thinking it was more a widget see my answer
– GAV
Nov 26 '18 at 23:48
add a comment |
I'm going roundin circles, i have jquery working with most of my code. I transitioned from uglify.js using yarn encore with webpack.
Which file do I include, previously had the following which worked, how do I add the css files as well.
jquery-1.8.3.js
jquery-ui.js
jquery.form.js
jquery
currently I have in my app.js
require('../css/app.css');
// require jQuery normally other won't work
const $ = require('jquery');
// create global $ and jQuery variables
global.$ = global.jQuery = $;
require('jquery-ui');
require('jquery-form');
These added these manually
<link rel="stylesheet" href="
{{asset('bundles/site/css/mobiledatepicker.css')}}">
<link rel="stylesheet" href="
{{asset('bundles/site/css/jquerymobile.css')}}">
javascript symfony webpack webpack-encore
asked Nov 26 '18 at 23:13
GAVGAV
5011923
I'm going roundin circles, i have jquery working with most of my code. I transitioned from uglify.js using yarn encore with webpack.
Which file do I include, previously had the following which worked, how do I add the css files as well.
jquery-1.8.3.js
jquery-ui.js
jquery.form.js
jquery
currently I have in my app.js
require('../css/app.css');
// require jQuery normally other won't work
const $ = require('jquery');
// create global $ and jQuery variables
global.$ = global.jQuery = $;
require('jquery-ui');
require('jquery-form');
These added these manually
<link rel="stylesheet" href="
{{asset('bundles/site/css/mobiledatepicker.css')}}">
<link rel="stylesheet" href="
{{asset('bundles/site/css/jquerymobile.css')}}">
javascript symfony webpack webpack-encore
javascript symfony webpack webpack-encore
asked Nov 26 '18 at 23:13
GAVGAV
5011923
asked Nov 26 '18 at 23:13
GAVGAV
5011923
asked Nov 26 '18 at 23:13
GAVGAV
5011923
asked Nov 26 '18 at 23:13
GAVGAV
5011923
asked Nov 26 '18 at 23:13
GAVGAV
5011923
5011923
Is your webpack configured properly for jquery/jqueryui?
– Kevin B
Nov 26 '18 at 23:20
you got me thinking it was more a widget see my answer
– GAV
Nov 26 '18 at 23:48
add a comment |
Is your webpack configured properly for jquery/jqueryui?
– Kevin B
Nov 26 '18 at 23:20
you got me thinking it was more a widget see my answer
– GAV
Nov 26 '18 at 23:48
Is your webpack configured properly for jquery/jqueryui?
– Kevin B
Nov 26 '18 at 23:20
Is your webpack configured properly for jquery/jqueryui?
– Kevin B
Nov 26 '18 at 23:20
you got me thinking it was more a widget see my answer
– GAV
Nov 26 '18 at 23:48
you got me thinking it was more a widget see my answer
– GAV
Nov 26 '18 at 23:48
add a comment |
1 Answer
1
active
oldest
votes
after bit more digging I found the answer
require('jquery-ui/ui/widgets/datepicker.js');
answered Nov 26 '18 at 23:46
GAVGAV
5011923
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53490495%2fhow-do-i-solve-uncaught-typeerror-datepicker-is-not-a-function-for-yarn%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
after bit more digging I found the answer
require('jquery-ui/ui/widgets/datepicker.js');
answered Nov 26 '18 at 23:46
GAVGAV
5011923
add a comment |
after bit more digging I found the answer
require('jquery-ui/ui/widgets/datepicker.js');
answered Nov 26 '18 at 23:46
GAVGAV
5011923
add a comment |
after bit more digging I found the answer
require('jquery-ui/ui/widgets/datepicker.js');
answered Nov 26 '18 at 23:46
GAVGAV
5011923
after bit more digging I found the answer
require('jquery-ui/ui/widgets/datepicker.js');
answered Nov 26 '18 at 23:46
GAVGAV
5011923
answered Nov 26 '18 at 23:46
GAVGAV
5011923
answered Nov 26 '18 at 23:46
GAVGAV
5011923
answered Nov 26 '18 at 23:46
GAVGAV
5011923
5011923
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53490495%2fhow-do-i-solve-uncaught-typeerror-datepicker-is-not-a-function-for-yarn%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Is your webpack configured properly for jquery/jqueryui?
– Kevin B
Nov 26 '18 at 23:20
you got me thinking it was more a widget see my answer
– GAV
Nov 26 '18 at 23:48