max Opción en el control deslizante jQuery UI. La opción max se usa para establecer el valor máximo en el control giratorio jQuery UI. De forma predeterminada, el valor es nulo.
Sintaxis:
$( ".selector" ).spinner(
{ max: number | 'string' }
);
Enlace CDN: Primero, agregue el enlace CDN de jQuery UI scripts, necesario para su tarea.
Parámetros: esta opción acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- número: este parámetro contiene el número para el valor máximo.
- string: este parámetro se analizará en función de las opciones numberFormat y cultural; de lo contrario, volverá al método parseFloat() nativo .
<enlace href = «https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css» rel = «hoja de estilo»>
<secuencia de comandos src = «https://code.jquery.com/jquery-1.10.2.js»></secuencia de comandos>
<secuencia de comandos src = «https://code.jquery.com/ui/1.10.4/jquery-ui.js»></secuencia de comandos>
Ejemplo 1: En este ejemplo, usaremos la opción máxima de la ruleta como 50.
HTML
<!doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<link href =
"https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
rel = "stylesheet" />
<script src =
"https://code.jquery.com/jquery-1.10.2.js">
</script>
<script src =
"https://code.jquery.com/ui/1.10.4/jquery-ui.js">
</script>
<script>
$(function() {
$( "#gfg" ).spinner(
{max: 50}
);
});
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>jQuery UI | spinner max option</h2>
<div id = "geeks">
<input type = "text" id = "gfg" value = "45" />
</div>
</body>
</html>
Producción:
Referencia: https://api.jqueryui.com/1.11/spinner/#option-max