Date Time field change the option on the minutes select field

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

Problem:
Customer would like to change the option on the minutes field to 15-minute increments (0, 15, 30, 45).
Solution:
It is possible to use some jQuery to customize it and change the values of the select field.

Please add the following code to the javascript section of the form:

(function($, window) {
  $.fn.replaceOptions = function(options) {
    var self, $option;
 
    this.empty();
    self = this;
 
    $.each(options, function(index, option) {
      $option = $("<option></option>")
        .attr("value", option.value)
        .text(option.text);
      self.append($option);
    });
  };
})(jQuery, window);
 
var options = [
  {text: "0", value: 1},
  {text: "15", value: 2},
  {text: "30", value: 3},
  {text: "45", value: 4},
];
 
 jQuery("select[name$=\'minute]\']").replaceOptions(options);

This support ticket is created hace 1 año, 1 mes. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	-
-	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	-

Supporter timezone: America/Sao_Paulo (GMT-03:00)

Etiquetado: Content-submission forms, Toolset Forms

Este tema contiene 1 respuesta, tiene 2 mensajes.

Última actualización por Mateus Getulio hace 1 año, 1 mes.

Asistido por: Mateus Getulio.

Autor

Mensajes

abril 10, 2024 at 1:28 pm #2691829

garenM

Hey,

I would like to change the option on the minutes field to 15-minute increments (0, 15, 30, 45). Is that possible? can you please advise?

abril 10, 2024 at 6:23 pm #2691916

Mateus Getulio

Colaborador

Idiomas: Inglés (English )

Zona horaria: America/Sao_Paulo (GMT-03:00)

Hello there,

Currently, there's no built-in solution for you to customize the minutes in the select field.

However, you could use some jQuery to customize it and change the values of the select field.

Please add the following code to the javascript section of the form and test it if it works:

(function($, window) {
  $.fn.replaceOptions = function(options) {
    var self, $option;

    this.empty();
    self = this;

    $.each(options, function(index, option) {
      $option = $("<option></option>")
        .attr("value", option.value)
        .text(option.text);
      self.append($option);
    });
  };
})(jQuery, window);

var options = [
  {text: "0", value: 1},
  {text: "15", value: 2},
  {text: "30", value: 3},
  {text: "45", value: 4},
];

 jQuery("select[name$=\'minute]\']").replaceOptions(options);

I tested it and it worked fine for me.

Thank you, please let us know.
Mateus