⚠ In case you've missed it, we have migrated to our new website, with a brand new forum. For more details about the migration you can read our blog post for website migration. This is an archived forum. ⚠

  •     

profile picture

Como configurar mi datepicker para no mostrar fechas futuras

Started by , 22 April 2013 - 00:59 AM


beimar24
  • profile picture
  • Member

Posted 22 April 2013 - 00:59 AM

Muy buen día apreciados Ingenieros  de la programación
tengo una pregunta 
 
tengo  en mi tabla  personas
un campo datetime  donde pongo la fecha de nacimiento
 
 
de que forma edito mi datepicker 
para que no me muestre fechas futuras 
únicamente me muestre hasta el día actual , o la fecha actual , 
esto es con el fin de que al seleccionar una fecha de nacimiento 
no me permita seleccionar una fecha futura o superior al día actual
 
de antemano quedo muy agradecido por su colaboración 
Cordialmente 
 
Beimar trujillo 

davidoster
  • profile picture
  • Member

Posted 22 April 2013 - 14:29 PM

[member=beimar24]

Ingles traducción

 

Very good day appreciated Engineers of the programming
I have a question
  
I have in my table people
a field datetime where I put the date of birth
 
 
how I publish my to datepicker
 so that it does not show future dates to me
 it only shows to me until the present day, or the present date,
 this is in order that when selecting a date of birth
 it does not allow to select to a future date or superior me to the present day
 
beforehand I am very been thankful by its collaboration
 Sincerely
  
Beimar Trujillo


nestg
  • profile picture
  • Member

Posted 26 April 2013 - 20:14 PM

en su vista coloque

 

<script>

$(document).ready(function()
{
    $( ".datepicker-input" ).datepicker( "option", "yearRange", "-99:+0" );

    $( ".datepicker-input" ).datepicker( "option", "maxDate", "+0m +0d" );
});
</script>

 

esto le mostrara los ultimos 99 años hasta el dia actual y no permitira que pase de ahi.


beimar24
  • profile picture
  • Member

Posted 03 May 2013 - 03:46 AM

Hola y muchas gracias por responder  y por ayudarme funciona de maravilla 

desactiva las fechas futuras muchas gracias nuevamente quedo asi 

 

 

<!DOCTYPE html>
<html>
<head>        
<meta charset="utf-8" />
 <br>
    <a href="http://localhost:84/Prueba/inicio/index">Regresar</a>
<?php 
 
foreach($css_files as $file): 
    ?>
    <link type="text/css" rel="stylesheet" href="<?php echo $file; ?>" />
<?php endforeach; ?>
        
        
<?php foreach($js_files as $file): ?>
    <script src="<?php echo $file; ?>"></script>
        
<?php endforeach; ?>
        
<style type='text/css'>
body
{
    font-family: Arial;
    font-size: 14px;
}
a {
    color: blue;
    text-decoration: none;
    font-size: 14px;
}
a:hover
{
    text-decoration: underline;
}
</style>
</head>
 
    
    <script>
$(document).ready(function()
{
    $( ".datepicker-input" ).datepicker( "option", "yearRange", "-99:+0" );
    $( ".datepicker-input" ).datepicker( "option", "maxDate", "+0m +0d" );
});
</script>
 
<body>
    <h1>Administración de Personal</h1>
    <div>
        <?php echo $output; ?>
    </div>
</body>
</html>
 

Ahora solo necesito que no me permita ingresar ningun valor por teclado  

es decir si en vez de seleccionar un valor con el mouse 

le digito valores por el teclado alfanumerico el me lo permite 

la idea es que no me permita ingresar absolutamente nada por teclado 

 

de antemano muchas gracias por tu colaboracion

Cordial saludo 


nestg
  • profile picture
  • Member

Posted 05 May 2013 - 20:21 PM

para que no se pueda usar el teclado sin tener que deshabilitar el input se puede usar

 

 

$( ".datepicker-input" ).keypress(function (evt) {  return false; });


beimar24
  • profile picture
  • Member

Posted 09 May 2013 - 13:15 PM

Dios todopoderoso te Bendiga muchas gracias por tu ayuda

me fue de gran Utilidad 

 

ya podemos dar por cerrrado este Hilo 

y muchas gracias nuevamente Ingeniero nestg


beimar24
  • profile picture
  • Member

Posted 09 May 2013 - 13:28 PM

Apreciado Ingeniero y para un campo que es datetime  Utilizando esto no me funciona ?

que le debo agregar a tu funcion   para que tampoco me permita selecionar una hora superior a la actual

 

 

    <script>
$(document).ready(function()
{
    $( ".datepicker-input" ).datepicker( "option", "yearRange", "-99:+0" );
    $( ".datepicker-input" ).datepicker( "option", "maxDate", "+0m +0d" );
    $( ".datepicker-input" ).keypress(function (evt) {  return false; });
});
</script>
 
de Antemano quedo muy agradecido por tu atencion 

nestg
  • profile picture
  • Member

Posted 14 May 2013 - 16:17 PM

no hay de que, no soy ingeniero, estudie ingenieria de sistemas pero nunca me gradue asi que soy programador y animador 3D, por lo que tengo entendido grocery crud usa el datepicker de una version propia del jqueryUI pero el jquery UI no tiene un TimePicker, entonces segun lo veo tendria que añadirlo ud. por javascript, aqui hay uno compatible http://trentrichardson.com/examples/timepicker/ ojala le sirva, un saludo.


beimar24
  • profile picture
  • Member

Posted 05 June 2013 - 18:35 PM

Querido nestg

Ahora me surgio un Nuevo problema si en esa tabla tengo un campo de tipo date

sin Duda me funciona correctamente

 

pero si tengo otro campo de tipo Datetime  ya  la funcion deja de funcionarme el campo de tipo date

sabes de algo sobre el tema

 

de antemano muchas gracias por tu atencion 

Cordial saludo

desde Bogota Colombia