Magento Jquery UI datepicker

Question

Good day,

I'm trying to add a jquery UI datepicker to my Magento store. Everything works as it should outside MAgento, but when I add it to Magento nothing happens. Ive added the jquery file to the appropriate folder in magento js, and correctly added the file to the page.xml file. I've been playing around with the noconflict.js but so far no joy. My code is below. Please let me know if I am doing something incorrect or if there may be a step I skipped.

Thank you

$j(function() {
$j( "#datepicker" ).datepicker();
});
jQuery.noConflict();

β.εηοιτ.βε · Accepted Answer · 2015-04-01 20:17:43Z

3

It depends on your version of Magento. For later version, you should already have a jQuery bundled in Magento and a noConflict done for you (since magento is historically still using prototypeJs).

So if you are on one of the latest version, then you should just be ok with $j for jQuery, so this way.

$j(function() {
    $j( "#datepicker" ).datepicker();
});

Because Magento is doing

var $j = jQuery.noConflict();

for you in the file /js/lib/jquery/noconflict.js already

If not, then you will have to have the line var $j = jQuery.noConflict(); either in a file included just after your jQuery lib, or at the very last line of your jQuery lib.

One other possibility is to simply do

jQuery.noConflict();
jQuery(function() {
    jQuery( "#datepicker" ).datepicker();
});

answered Apr 1, 2015 at 20:17

β.εηοιτ.βε

40.4k14 gold badges81 silver badges104 bronze badges

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

Comments

user1568811 · Accepted Answer · 2015-04-02 15:45:04Z

0

Thank you for the info. I ended up figuring it out. Perhaps adding jquery UI to the XML was needed. DERP

answered Apr 2, 2015 at 15:45

user1568811

672 silver badges12 bronze badges

Collectives™ on Stack Overflow

Magento Jquery UI datepicker

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related