jQuery UI selector de fechas no se mostrará - código completo incluido

Tengo problemas para visualizar el selector de fechas jQuery como se muestra aquí: http://jqueryui.com/demos/datepicker/jQuery UI selector de fechas no se mostrará - código completo incluido

creo que he descargado todos los archivos adecuados, pero para estar seguro, empecé desde cero y arrancó el sitio de demostración. No todo, sino lo que creí que eran las partes importantes. El resultado es que no se muestra un marcador de fecha y no hay errores de javascript. Aquí está mi código completo de muestra:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" href="http://static.jquery.com/ui/css/base2.css" type="text/css" media="all" /> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" /> 


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> 

<script type="text/javascript" charset="utf-8"> 
jQuery(function(){ 
    jQuery("#datepicker").datepicker(); 
}); 
</script> 
</head> 
<body> 
<input type="text" id="datepicker" class="hasDatepicker" /> 
</body> 
</html>

Cualquier ayuda sería muy apreciada. ¡Gracias!

Fuente

2010-05-12 Bill Brasky

Por favor, elimine la clase hasDatepicker de la etiqueta de entrada y debería funcionar bien.

class = 'hasDatepicker' //Need to remove

Fuente

2010-05-12 16:47:11 Raja

Sí, ese nombre de clase se utiliza jquery-ui para indicar que un selector de fechas ya se ha agregado. – interjay

La clase hasDatepicker se agrega automáticamente mediante jQuery UI cuando se llama a datepicker. Ponerlo en ti mismo arruina las cosas. – Adam

Supongo que no debería haber rasgado el código. ¡Gracias! –

Si se fijan bien en el código fuente de jQuery UI lib se puede ver que se utiliza hasDatepicker clase dentro de selector de fechas. Por lo tanto, utilizar cualquier otra clase (incluso hasdatepicker obras), pero no hasDatepicker:

<input type="text" id="datepicker" class="anyOtherClassName"/>

<input type="text" id="datepicker" class="hasdatepicker"/>

Fuente

2010-05-12 16:52:37 0x2D9A3

Retire class = "hasDatepicker"

Fuente

2010-05-12 16:54:04 heisenberg

tuve el problema similar. Mi resolución fue añadir z-index en .date-picker de datePicker.css

.date-picker { 
position: absolute; 
z-index:1000;/*********** MY Change *************/ 
font-size: 1em; 
color: #CCC; 
text-align: center; 
cursor: default; 

border: 1px solid #444; 
border-radius: 2px; 
margin: 6px 0; 
background: #222; 
box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.2);}

Eso es todo !!! Y Lo, el selector de fecha, comenzó a mostrarse. Espero que esto ayude a alguien que haya venido aquí por problemas similares.

Fuente

2017-11-13 07:41:09 jAntoni

jQuery UI selector de fechas no se mostrará - código completo incluido

Respuesta

Cuestiones relacionadas