datepicker de jquery gamme (mindate maxdate) ne fonctionne pas

Je suis en train de définir une plage pour un datepicker de jquery que j'ai dans mon formulaire mais quand j'ouvre le formulaire, il me permet de sélectionner n'importe quelle date.

  <input class="span2 datepicker" name="tw#local#changeRequest#DeliveryDate" type="text" id="dp1">


 <!-- jQuery -->
 <script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('jquery-1.7.2.min.js', TWManagedFile.Types.Web).url;#>"></script>

 <!-- Datepicker Script -->
 <script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('bootstrap-datepicker_new.js', TWManagedFile.Types.Web).url;#>"></script>

 <script type="text/javascript">
 $(document).ready(function(){

 $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });

 });
 </script>

OriginalL'auteur silvster27 | 2012-08-10

  1. 9

    Autant que je sache, il devrait être fait comme ceci:

    $("#datepicker").datepicker('option', {minDate: <some date>, maxDate: <some date>});

    Ce qui vous manque, c'est que vous devez les fixer à l'aide de l'option'.

    OriginalL'auteur Lyubomir Vasilev

  2. 3
    $('#datepicker').datepicker({
            maxDate: '0'}),

    Utilisation '0' pour sélectionner max date d'aujourd'hui

    Vous pouvez également référence jQueryUI Api

    OriginalL'auteur VishalDream

  3. 1
    $('#datepicker').datepicker({
                maxDate: '+1m',
                minDate: '-20d',
                });

    Quand min et max de la date sont des expressions qu'ils doivent être comme des chaînes de caractères et de la définir correctement. Ici est le lien pour jquery ui datepicker MaxDate section.

    OriginalL'auteur vadim

  4. 0

    Une chose de plus, vous avez peut-être remarqué que déjà, mais
    le sélecteur est à la recherche pour ID "datepicker".
    Alors que, de votre datepicker est votre CLASSE.
    Donc, je pense que vous avez besoin de changer de
    "#datepicker"
    ".datepicker".

    OriginalL'auteur VivekS

  5. 0

    seulement ajouter dans le contrôleur si vous êtes en utilisant angularjs $champ d'application.aujourdhui = new Date()

    et en html min-date="aujourd'hui"

    OriginalL'auteur yogesh mhetre

  6. 0

    Vous pouvez également tester cette.

    $('#datepicker1').datepicker({
  format: 'mm/dd/yyyy',
});

$('#datepicker1').on('change', function() {
  $('#datepicker2').datepicker({
    startDate: $('#datepicker1').val()
  })
});

    OriginalL'auteur AlejandroBec