6
votos
Aceptado
No permitir seleccionar en Datepicker de materialize los días pasados
La opción es min y en lugar de 0 deberías darle la fecha actual, así:
$('.datepicker').pickadate({
min: new Date(),
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/...
6
votos
Aceptado
Problemas con button de material design de google
Esto es un problema que ocurre porque el código HTML no es válido. En la definición de HTML se indica que el contenido dentro de un botón puede ser:
Phrasing content, but there must be no ...
6
votos
Aceptado
Oscurecer el fondo al clicar en botón flotante
Una forma es crear una overlay, que es una capa que cubre una sección del documento; en este caso, todo el documento. Esta overlay se mostrará junto con las opciones y se ocultará también junto con ...
5
votos
Aceptado
¿Cómo integrar Jquery Datatables con materializecss?
Logré solucionar esos problemas agregando las siguientes lineas de código jquery:
$("select").val('10'); //seleccionar valor por defecto del select
$('select').addClass("browser-default"); //agregar ...
4
votos
Como validar modal con inputs vacíos en Materialize
Para hacer lo que quieres tienes que manejar los eventos con jquery, por ejemplo:
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css" rel="stylesheet"...
4
votos
Aceptado
¿Cerrar un modal usando JQuery y Materialize?
No necesitas #modalOut los modales de materialize tienen una opción que es dismissible. Esta opción lo que hace es que al hacer click fuera del modal se cierre. Su valor por defecto es True. Puedes ...
4
votos
No carga imagen en parallax con Materialize
Si revisas las clases CSS de Materialize podrás ver que aplica las siguientes propiedades a las imágenes dentro de un contenedor .parallax:
.parallax-container .parallax img {
opacity: 0;
...
4
votos
Aceptado
Centrar formularios materialize
Este es un problema que ya se ha reportado con anterioridad. Sucede que es necesario que la clase .valign-wrapper tenga una altura definida para que así las propiedades se apliquen correctamente.
...
4
votos
Aceptado
¿Como cambiar tabs en materialize sin utilizar JQuery?
Para lograr la navegación entre tabs y no depender del uso de JQuery entonces primero vamos a recuperar la etiqueta de la lista desordenada a través de la clase que tiene asignada de este modo:
let ...
3
votos
Aceptado
laravel mandar datos deuna tabla a una ventana modal
Bueno, el problema es que estás haciendo un foreach dentro del modal y esta hace que recorra todos los registros, la solución sería lo siguiente.
<table class="bordered highlight table-responsive"&...
3
votos
Marcar y desmarcar independientemente checkbox
Es que tienen el mismo id y no debe ser así.
Cada identificador es único.
La etiqueta label debería estar relacionada con un único elemento o identificador.
<script src="https://cdnjs....
3
votos
Consulta css para ciertos tags
Conozco 3 maneras que te pueden servir, aunque la 3 la desaconsejo:
1. El orden de importación de los CSS es importante
Si tienes 2 CSS, el que esté definido más abajo tiene prioridad en sus ...
3
votos
AngularJS: Editar item de un Table en un Modal
Estas enfocando mal la solución de tu problema. En angular no hay necesidad de llamar a $document.ready o $(document).ready ya que el framework tiene su propio proceso de inicialización usando angular....
3
votos
Aplicar función a evento de selección de option en Angular 4
Puedes detectar la selección de una opción y el cambio de dicha opción con el evento que se emite por default con Angular((change)=''), para así poder hacer la petición a la API. Te dejo un ejemplo a ...
3
votos
Aceptado
Obtener el valor de un <select> con Vue.js
Puedes utilizar Refs, así:
<div class="input-field">
<select ref="seleccionado">
<option v-for="elemento in elementos">{{elemento.text}}</option>
</select&...
3
votos
Aceptado
Crear Estructura HTML Dinámicamente con JavaScript
Tu problema es que no estas usando todo el potencial de jQuery. Estas mezclando jQuery con vanilla javascript. En lugar de usar innerHTML, usa jQuery append, de lo contrario, jQuery no reconoce los ...
3
votos
Aceptado
Modificar posicion de elemento de manera responsive
Podrías usar @media query y jugar con el CSS para hacer lo que deseas, pero cuando utilizas un framework como Materialize me parece un poco innecesario añadir o modificar estilos y más si existen ...
3
votos
Aceptado
¿Como puedo iniciar el componente del carousel con materialize?
Para que los slides inicien automaticamente podrias usar el metodo .next() .
Pero con precaucion, porque si el usuario esta presionando en el slide se produce un mini bug. Por lo tanto, no queremos ...
3
votos
Aceptado
¿Como puedo centrar este formulario materialize?
PROBLEMA
Tienes 2 elementos col dentro de otro elemento col, cosa que no es lo correcto cuando trabajas con el sistema de grilla de Materialize:
<div class="container">
<div class=...
2
votos
Aceptado
¿Como validar un switch e insertarlo en la base de datos si el dato en mi db es booleano?
Para que el backend reciba algo, tu checkbox tiene que estar en estado checked y tiene que tener un nombre. Si no le pones atributo value, por defecto enviará el valor on cuando esté checkeado. Pero ...
2
votos
¿Cómo mostrar correctamente Datepicker?
La solución fue poner el script dentro del HTML (al final del todo) y ya funcionó (Y).
Al parecer al llamarlo desde un archivo externo (archiv.js) no lo reconoce, por eso debe estar dentro del HTML ...
2
votos
Aceptado
¿Cómo configurar auto-completado de Materialize para filtrar por los primeros caracteres que coincidan?
Respuesta corta: no se puede. El plugin autocomplete de materialize sólo acepta como parámetros de configuración un objeto del tipo:
var conf = {
data:{...},
limit:xx,
onAutocomplete: function()...
2
votos
Remover estilos de un select en materialize
Podrias usar la Clase por defecto de Materialize "browser-default".
ejemplo:
<input type="text" class="browser-default"/>
Documentacion Oficial: Aqui
2
votos
Aceptado
¿Como validar un switch (materialize) con jquery?
Acá te dejo un ejemplo de como puedes hacer lo que estas tratando pero en vez de usar el evento onclick, puedes añadirle un atributo a cada checkboxs con su id, luego bindear el evento "change" a ...
2
votos
Aceptado
Como logro hacer que mi boton no pierda funcionalidad despues de agregarlo con append en jquery
utiliza el metodo on para asignar los eventos ejemplo:
$('tbody').on('click',selector,function(){
2
votos
¿Cómo ajustar contenido de DIV en diferentes resoluciones de pantalla?
Ya has intentado usar mediaqueries?
Agregando por ejemplo este código al final de tu demo, el menú se coloca al 100% de la pantalla:
@media (max-width: 840px){
.menu{
width: 100%;
}
#nav-...
2
votos
Aceptado
input range materialize no me toma el valor de una variable php
El problema es que estas asignando a value "$estatus" como un string. No estas asignando el valor de la variable.
Prueba hacer lo siguiente:
<?php
$estatus = $resultado['status'];
echo '<p ...
2
votos
Aceptado
Modal se abre siempre que haga click aunque tenga el eventListener en una imagen
Aqui no deberias ocupar IDs, si no clases
var prodImages = document.querySelectorAll('#prod-img');
En fin siguiendo con tu codigo, al no poner el listener en el element, por default toma el window ...
2
votos
Como hacer Sticky el footer en materialize?
El problema es el siguiente, en la documentación de Materialize apartado footer indica lo siguiente:
utilizamos flexbox para estructurar nuestro html de modo que el pie de página esté siempre en la ...
2
votos
Modificar posicion de elemento de manera responsive
Puedes aplicar css, para que no uses javascript, ahí un poco de flex.
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"/>
<...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
materialize × 175javascript × 69
css × 54
jquery × 46
html × 43
html5 × 28
php × 18
angular × 15
css3 × 15
modal × 9
reactjs × 7
material-design × 7
laravel × 6
typescript × 6
mysql × 5
vue.js × 4
ajax × 3
datatables × 3
select × 3
botón × 3
json × 2
bootstrap × 2
django × 2
web × 2
formularios × 2