jquery - rango - insertar calendario en formulario html

cómo restringir el selector de fecha de arranque de la fecha futura

Question

Quiero restringir que el selector de fechas de bootstrap tome la fecha futura. Solo quiero habilitar las fechas hasta el día de hoy. ¿Cómo puedo lograr esto?

Aqui esta mi codigo

<script>
  var FromEndDate = new Date();

    $(function(){
   $(''.datepicker'').datepicker({
      format: ''mm-dd-yyyy'',
     endDate: FromEndDate, 
    autoclose: true
    });
});
</script>

¿Puede algún cuerpo ayudar con esto?

Answer 1

Aquí está una demostración de una solución de trabajo:

http://jsfiddle.net/tjnicolaides/cjp7y/

<script>
$(function(){
    $(''.datepicker'').datepicker({
        format: ''mm-dd-yyyy'',
        endDate: ''+0d'',
        autoclose: true
    });
});
</script>

edit: la versión de Bootstrap Datepicker que admite startDate y endDate está aquí: https://github.com/eternicode/bootstrap-datepicker

El proyecto original, que es el resultado de búsqueda principal actual para el complemento, no tiene esa característica en este momento: http://www.eyecon.ro/bootstrap-datepicker/

Answer 2

Debido a un problema en el complemento, se está produciendo este datepicker.js

http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.2.0/js/bootstrap-datepicker.js

Answer 3

Establecer la propiedad endDate en +0d

<script> 
    $(function() {
        $(''.datepicker'').datepicker({
            format: ''mm-dd-yyyy'',
            endDate: ''+0d'',
            autoclose: true
        });
    });
</script>

FIDDLE

Answer 4

Este código funcionó para mí ..

$(''#txtTo'').datepicker({
            dateFormat: "dd/MM/yy",
            changeMonth: true,
            changeYear: true,
         ignoreReadonly: true,
            maxDate: ''now''
        });
    });

Answer 5

Ninguna de las soluciones anteriores funciona para mí. Después de mucho buscar y depurar, finalmente lo arreglé. Estoy compartiendo mi solución a continuación, si alguien como yo que enfrenta el mismo problema puede probar la siguiente solución.

        var now = new Date();
        $(''[name=depdate]'').datepicker({
            format: ''yyyy-mm-dd'',
            onRender: function(date) {
                if(date.valueOf() > now.addDays(15).valueOf()) {
                    return ''disabled'';
                } else if(date.valueOf() < now.valueOf()) {
                    return ''disabled'';
                }
            }
        })
        .on(''changeDate'', function(){
            $(this).datepicker(''hide'');
        }).data(''datepicker'');

Answer 6

Prueba esto,

$(function () {
    $(''.datepicker'').datepicker({
        format: ''mm-dd-yyyy'',
        endDate: ''+0d'',
        autoclose: true
    });
});

Utilicé el selector de fechas de Git

Demo

Answer 7

Prueba esto:

var date=new Date();
$(''#datetimepicker'').datetimepicker({
    format: ''MM/dd/yyyy'',
    language: ''en'',
    startDate : new Date(''2015-01-01''),
    endDate :  date
});

Answer 8

$(function(){
$(''.datepicker'').datepicker({
      format: ''mm-dd-yyyy'',
      onRender:function(date){
      return date.valueOf() > FromEndDate.valueOf()?''disabled'':'''';
      }
   });
});

Answer 9

$(document).ready(function(){
$(".datepicker").datepicker({
     endDate:''today''
    });
});

Agregar esto a su usuario js solo puede seleccionar la fecha hasta la fecha de hoy y el usuario no puede ingresar manualmente el valor de fecha personalizado al elemento de entrada. Si el usuario ingresa un valor personalizado, entonces cambiará automáticamente a la fecha actual