jQuery Datepicker only works in the highest breakpoint

Report · Aug 24, 2017

Hello there,

I finally implemented a jQuery datepicker to my contactform and it is working. But as soon as I hit my next breakpoint when I resize my browser I can't click on it anymore, it just won't show up although it is definitely in the html file. I assigned the ID of a text field to the datepicker and it works just fine in the highest breakpoint. The ID also does not change when i resize my browser window. Also when I add a new higher breakpoint it will just show in the new (higher) one.

What can I do to make it show in every breakpoint? This date field should really be a standard feature for contact form widgets.

This is the website I'm talking about:

Test

I'm talking about the field with the labels Anreisedatum and Abreisedatum.

Thank you for your help!

Report · Aug 24, 2017

what adobe program?

Report · Aug 24, 2017

Adobe Muse. I thought I posted in the correct category. Sorry

Report · Aug 24, 2017

[moved from Adobe Creative Cloud to Help with using Adobe Muse CC]

Report · Aug 25, 2017

By the way, this is just custom jQuery inserted in the <head> element directly in Muse, not a jQuery widget or anything and as far as I know it's a feature of Muse to be able to handle jQuery.

I also found out, that the <div> elements get a new class after they hit the first breakpoint and the classes remain like that throughout the whole other breakpoints. So the classes in the first breakpoint are different from all other breakpoints.

Report · Sep 01, 2017

I'm still waiting for a response. Isn't there anybody who can answer my question, not even someone from the Adobe staff?

My client wants to use this datepicker.

Best regards

Report · Sep 04, 2017

I even tried to use Adobe chat, but they told me I'm stuck with forums because they just give answer related to the application, not with programming.

Isn't there really anyone on earth who can answer this question?

Report · Sep 05, 2017

Maybe I'm annoying or something like that but I really need to fix this problem.

Report · Sep 05, 2017

There was an issue with forms recently with another kind, I guess.

Maybe you have to use the date picker and insert the html into a widget?

found on muse widgets.com

For this you would maybe need one of these widgets to insert html and this widget needs to be hidden in other breakpoints.

You would need this widget in every breakpoint and hide in other breakpoints?

Best Regards,

Uwe

Report · Sep 05, 2017

Thank you for answering!

Unfortunately, this didn't work either.

I inserted all of this code inside the widget:

$( function() {

$( "#widgetu150403_input" ).datepicker({

dateFormat: "dd.mm.yy",

firstDay: 1,

minDate: 2,

currentText: 'Heute',

dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],

dayNamesMin: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],

monthNames: [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],

} );

</script>

$( function() {

$( "#widgetu150407_input" ).datepicker({

dateFormat: "dd.mm.yy",

firstDay: 1,

minDate: 2,

currentText: 'Heute',

dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],

dayNamesMin: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],

monthNames: [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],

} );

</script>

This code works, if I put in the head part. But not when I put it before the closing body tag.

Best regards!

Sebastian

Report · Sep 05, 2017

I am sorry, I search some more.

Uwe

Report · Sep 06, 2017

Thank you very much, that would be awesome!

Best regards!

Sebastian

Report · Nov 13, 2017

Whether you put the datepicker on the head or before ending body tag, it will work on both cases. Can you see what error you get on chrome console when the datepicker is on the ending body ?