comment faire pour limiter le bootstrap sélecteur de date de date future

Je veux limiter le sélecteur de date de bootstrap de prendre date ultérieure.Je veux juste activer les dates jusqu'à aujourd'hui seulement.Comment puis-je y parvenir.

Voici mon code

<script>
  var FromEndDate = new Date();

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

Tout organisme peut aider au sujet de cette

Avez-vous essayé? stackoverflow.com/questions/12652492/..., en particulier: date de fin: '+0d'
Oui,je l'ai fait mais ça ne fonctionne pas...

OriginalL'auteur user2142786 | 2014-01-07

39

Voici une démo d'une solution de travail:

http://jsfiddle.net/tjnicolaides/cjp7y/
```
<script>
$(function(){
    $('.datepicker').datepicker({
        format: 'mm-dd-yyyy',
        endDate: '+0d',
        autoclose: true
    });
});
</script>
```
edit: la version de Bootstrap Datepicker qui prend en charge startDate et endDate est ici: https://github.com/eternicode/bootstrap-datepicker

Le projet d'origine, qui est l'actuel top résultat de recherche pour le plugin, n'a pas cette fonctionnalité en ce moment: http://www.eyecon.ro/bootstrap-datepicker/

je l'ai essayé mais je ne sais pas pourquoi il ne fonctionne pas dans mon code...
je l'ai essayé mais ça ne fonctionne pas dans mon code. sélecteur de date fonctionne bien, mais il n'est pas de restreindre les futures dates
Êtes-vous sûr que tous vos bibliothèques externes sont reliés correctement? Voyez-vous des erreurs dans votre console lorsque vous essayez d'activer le datepicker?
Aussi: quelle est la version de la Datepicker de la bibliothèque que vous utilisez?
Êtes-vous en mesure de lien vers une URL publique où vous pouvez démontrer cela ne fonctionne pas?

OriginalL'auteur TJ Nicolaides
19

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

il n'est pas de travail.......
cochez cette jsfiddle.net/7hqDb/6 votre code fonctionne parfaitement
jsfiddle.net/7hqDb/9
il n'est pas de travail dans mon navigateur. je suis en utilisant google chrome pour le vérifier.
Grâce Pranav, il fonctionne comme un charme. J'ai essayé beaucoup d'autres options comme les maxDate: '0', etc. qui ne fonctionnent pas. Mais votre réponse sauve ma journée.

OriginalL'auteur Pranav C Balan
4
```
$(document).ready(function(){
$(".datepicker").datepicker({
     endDate:'today'
    });
});
```
En ajoutant ceci à votre js
l'utilisateur ne peut sélectionner la date jusqu'à la date d'aujourd'hui et l'utilisateur ne peut pas saisir la date manuellement la valeur de l'élément d'entrée. Si l'utilisateur entre une valeur personnalisée, puis elle passe automatiquement à la date actuelle

OriginalL'auteur KATJ Srinath
3

Essayer cela,
```
$(function () {
    $('.datepicker').datepicker({
        format: 'mm-dd-yyyy',
        endDate: '+0d',
        autoclose: true
    });
});
```
J'ai utilisé sélecteur de date de Git

Démo

sa ne fonctionne pas
Voir ma réponse une fois de plus, j'ai mis à jour et démo
date de début : '-5y' ne fonctionne pas pourquoi
Essayer comme, var aujourdhui = new Date(); $('.datepicker').datepicker({ date de début: new Date(aujourd'hui.getFullYear()-5, aujourd'hui.getMonth(), aujourd'hui.getDate()) }); Pour plus de détails, voir la question github.com/uxsolutions/bootstrap-datepicker/issues/485
Maintenant, le Datepicker startDate option prend en paramètre de Date voir bootstrap-datepicker.readthedocs.io/fr/stable/...

OriginalL'auteur Rohan Kumar

Ce code a fonctionné pour moi..

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

OriginalL'auteur Nithya

1

En raison de problème dans le plugin, c'est d'arriver à utiliser ce qui s'est passé datepicker.js

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

OriginalL'auteur user2142786

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

OriginalL'auteur Rachel

Non de solutions de travail pour moi. Après beaucoup de recherche et de débogage enfin je résoudre ce problème. Je partage ma solution ci-dessous, Si quelqu'un comme moi face au même problème pouvez essayer la solution suivante.

        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');

OriginalL'auteur MasoodUrRehman

-1

Essayez ceci:

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

OriginalL'auteur Mohan kumar

Vous devez vous connecter pour publier un commentaire.