View Issue Details
|ID||Project||Category||View Status||Date Submitted||Last Update|
|13322||Bug reports||[All Projects] Other||public||2018-02-08 19:52||2018-02-21 17:53|
|Target Version||Fixed in Version|
|Summary||13322: DateTime picker opens partially or not at all|
|Description||To create a minimal, complete, verifiable example for this, I created a survey with two identical Date/Time questions. Both are set to use the format "dd/mm/yyyy HH:MM", so clicking the calendar button by each field should open a date-and-time picker.|
When the survey is set to use certain themes, such as "fruity", clicking the second calendar button opens a date-and-time picker as expected, but clicking the first one only opens the date picker. Both questions use the exact same settings; they should have the same behavior.
When the survey uses other themes, such as "bootswatch" or "vanilla", no pickers will open at all. The browser's console shows this error: "uncaught exception: bootstrap-datetimepicker requires Moment.js to be loaded first", followed by "TypeError: jQuery(...).datetimepicker is not a function". Curiously, one of our people extended the "bootswatch" theme and got the partially-working behavior from the "fruity" theme, despite the extended theme only making a few color changes in CSS.
Here's my example, set to use "fruity": http://uksurveys.hkipop.com/index.php/114454?newtest=Y&lang=en We are using the most recent code from the master branch, commit cd7ead6.
Vanilla: No popups
Bootswatch: No popups
Fruity: 1.5 popups
|Steps To Reproduce||1. Create a new survey. |
2. Create a question group.
3. Create a new question. Under "Question Type" on the right, select "Mask questions -> Date/Time (type code: D)". Under "Input -> Date/Time Format", type "dd/mm/yyyy HH:MM".
4. Repeat step 3.
5. Preview survey. Click "Next".
6. Click the calendar button next to the first question. You get a calendar-style date picker.
7. Click the calendar button next to the second question. You get a calendar-style date picker and also a time selector.
8. Back in the admin panel for your test, go to Settings -> General Settings -> Template and change it from "fruity" to "bootswatch" or "vanilla". Click "Save".
9. Repeat step 5.
10. Click either of the calendar buttons. Nothing happens.
|Tags||No tags attached.|
|Complete LimeSurvey version number (& build)||cd7ead6|
|I will donate to the project if issue is resolved||No|
|Browser||Firefox and Chrome|
|Database & DB-Version||347|
|Operating System (Server)||Windows Server 2008|
|Webserver software & version||Apache/2.4.23 (Win64)|
Is this still an issue in the latest release version?
If yes, please attach the sample survey. Thank you.
|Yes. Here is the sample survey: http://uksurveys.hkipop.com/index.php/114454?newtest=Y&lang=en|
I have exported the survey as an .lsa file, attached. Is that what you need?
survey_archive_114454.lsa (3,886 bytes)
|We've switched to limesurvey3.3.0+180209 and the bug still appears.|
|This bug report is for DateTime pickers, but we're seeing a related issue with Date pickers. Sometimes (but not always) the console will say "uncaught exception: bootstrap-datetimepicker requires Moment.js to be loaded first" and the Date picker will fail to open when clicked. Perhaps there's a race condition happening?|
|2018-02-08 19:52||JamesHarrisHKI||New Issue|
|2018-02-09 17:25||c_schmitz||Assigned To||=> c_schmitz|
|2018-02-09 17:25||c_schmitz||Status||new => feedback|
|2018-02-09 17:25||c_schmitz||Note Added: 46374|
|2018-02-09 17:33||JamesHarrisHKI||Note Added: 46376|
|2018-02-09 17:33||JamesHarrisHKI||Status||feedback => assigned|
|2018-02-09 17:35||JamesHarrisHKI||File Added: survey_archive_114454.lsa|
|2018-02-09 17:35||JamesHarrisHKI||Note Added: 46377|
|2018-02-12 21:47||JamesHarrisHKI||Note Added: 46404|
|2018-02-13 10:26||c_schmitz||Assigned To||c_schmitz => LouisGac|
|2018-02-13 10:26||c_schmitz||Priority||none => high|
|2018-02-21 17:53||JamesHarrisHKI||Note Added: 46710|