La interfaz de usuario de jQuery consta de widgets de GUI, efectos visuales y temas implementados mediante jQuery, CSS y HTML. jQuery UI es excelente para crear interfaces de interfaz de usuario para las páginas web. El widget giratorio jQueryUI nos ayuda a incrementar y disminuir los valores del elemento de entrada usando las flechas hacia arriba y hacia abajo. En este artículo, veremos cómo usar la opción min en el control deslizante jQuery UI. La opción min se usa para establecer el valor mínimo en el control giratorio jQuery UI. De forma predeterminada, el valor es nulo.
Sintaxis:
$( ".selector" ).spinner(
{ min : 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ínimo.
- string: este parámetro se analizará en función de las opciones numberFormat y cultural; de lo contrario, recurrirá al método nativo parseFloat().
<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 el valor mínimo 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(
{min: 50}
);
});
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>jQuery UI | spinner min 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-min