HH:MM as input - Sample Code | Experience Community
Skip to main content
Solved

HH:MM as input - Sample Code

  • February 10, 2021
  • 2 replies
  • 293 views
D
Level 1 ●
Forum|alt.badge.img+1

Greetings
I found the following:
https://www.qualtrics.com/community/discussion/913/is-there-a-way-to-have-users-enter-time-hh-mm-for-their-answersMy question is where can I get a working sample of adding of the solution as proposed?
1) Where do I put the JS Library definition
2) Where do I put the code
3) How do I feed the input selected to the survey?

Best answer by ahmedA

You don't need any external libraries.
In a text entry question, just add this line to your JS.

this.getQuestionContainer().querySelector("input").type = "time";

The input will be stored in Qualtrics just like any other text entry.

2 replies

C
Level 2 ●●
Forum|alt.badge.img+8
  • ChiragK
  • Level 2 ●●
  • February 10, 2021

Try putting this JS code in the text input question, hope this helps.
Qualtrics.SurveyEngine.addOnReady(function () {
  var questId = this.questionId;
  var script = document.createElement('script');
  script.onload = function () {
    new Cleave('.QR-' + questId, {
      time: true,
      timePattern: ['h', 'm']
    });
  };
  script.src = "//nosir.github.io/cleave.js/dist/cleave.min.js";
  document.head.appendChild(script);
});

A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • Answer
  • February 10, 2021

You don't need any external libraries.
In a text entry question, just add this line to your JS.

this.getQuestionContainer().querySelector("input").type = "time";

The input will be stored in Qualtrics just like any other text entry.

    Terms & ConditionsAccessibility statement