Bootstrap datepicker désactivation des dernières dates, sans date actuelle

J'ai voulu désactiver toutes les dernière date avant la date actuelle, et non pas avec la date actuelle. Je suis en train d'essayer par bootstrap datepicker bibliothèque "bootstrap-datepicker" et à l'aide de code suivant:

$('#date').datepicker({ 
    startDate: new Date() 
});

Il fonctionne très bien. Mais c'est la désactivation de la date jusqu'à aujourd'hui.

À titre d'exemple, si aujourd'hui est 04-20-2013 et j'ai désactiver les dernières dates par la mise en startDate: new Date(). mais je suis en mesure de sélectionner la date de 04-21-2013.

Mise à JOUR: je peux le résoudre de la manière suivante UTC zone:

var d = new Date();
options["startDate"] = new Date(d.setDate(d.getDate() - 1));

ou startDate: "+0d"

Mais ces méthodes ne fonctionnent pas lors de l'UTC est un jour à l'avance. Pour mon client, en Californie, ce qui signifie à 5:00 pm mon client ne peut plus choisir son local de la date du jour comme date de validité. Afin de résoudre ce problème que je suis temporairement à l'aide de startDate: "-1d", mais bien sûr avant le 5 que signifie hier est visible.

Quelqu'un a une meilleure méthode pour le moment car je ne veux pas dire aux utilisateurs de mettre une date UTC?

Merci d'avance.

Êtes-vous à l'aide de Bootstrap 2.0.4+ jQuery 1.7.1+?
Je suis en utilisant Bootstrap v2.2.1 et jQuery 1.8.1

InformationsquelleAutor itskawsar | 2013-04-20

53
```
var date = new Date();
date.setDate(date.getDate()-1);

$('#date').datepicker({ 
    startDate: date
});
```
- si l'horaire sera modifié à l'avenir, ce qui va arriver?
- Je ne suis pas entièrement sûr. Vous voudrez peut-être jeter un oeil à ce fil: Besoin d'afficher l'heure locale au cours de l'heure d'été transitions à l'aide de Javascript Objet Date
- veuillez vérifier mes mises à jour question. merci
- j'ai eu TypeError: option startDate n'est pas reconnu! connaissez-vous le problème
- Votre Script est court, mais il permet à l'utilisateur de sélectionner la date d'hier. mais ceci solution. Espoir aide.
InformationsquelleAutor Tom Hartman

HTML

<input type="text" name="my_date" value="4/26/2015" class="datepicker">

jQuery(function() {
  var datepicker = $('input.datepicker');

  if (datepicker.length > 0) {
    datepicker.datepicker({
      format: "mm/dd/yyyy",
      startDate: new Date()
    });
  }
});

Qui mettra en évidence la date par défaut comme 4/26/2015 (Apr 26, 2015) dans le calendrier lors de l'ouverture et de la
désactiver toutes les dates avant la date actuelle.

InformationsquelleAutor Jignesh Gohel

19

Utilisation minDate
```
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());

$('#date').datepicker({ 
    minDate: today
});
```
- pour des raisons de simplicité d'utilisation moment.js comme minDate: moment()
- Juste pour que les futurs utilisateurs sont conscients, cette solution est pour un autre plugin ('bootstrap-datetimepicker').
InformationsquelleAutor Sebastian

utilisation

startDate: '-0d'

Comme

$("#datepicker").datepicker({
    startDate: '-0d',
    changeMonth: true
});

InformationsquelleAutor Ryan Knol

8

Vous pouvez utiliser l'attribut data:
```
<div class="datepicker" data-date-start-date="+1d"></div>
```
InformationsquelleAutor dcalvert

JS:

var nowDate = new Date();
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
	$('#date').datetimepicker({
		startDate: today
	});

InformationsquelleAutor cfprabhu

5
```
<script type="text/javascript">
$('.datepicker').datepicker({
    format: 'dd/mm/yyyy',
    todayHighlight:'TRUE',
    startDate: '-0d',
    autoclose: true,
})
```
- Pourriez-vous expliquer pourquoi cela devrait fonctionner et pourquoi il est une meilleure solution que l'on a accepté de répondre à partir de 2 ans?
InformationsquelleAutor Chaitanya K

Ici, il est

 <script>
          $(function () {
              var date = new Date();
              date.setDate(date.getDate() - 7);

            $('#datetimepicker1').datetimepicker({
                maxDate: 'now',
                showTodayButton: true,
                showClear: true,
                minDate: date
            });
        });
    </script>

InformationsquelleAutor Developer

4

La solution est beaucoup plus simple:
```
$('#date').datepicker({ 
    startDate: "now()" 
});
```
Essayer Démo En Ligne et remplir d'entrée date de Début: maintenant()
- Juste pour info, startDate: "tomorrow" ou startDate: "yesterday" fonctionne aussi si nécessaire.
InformationsquelleAutor akrapovich

Essayer :

$(function () {
     $('#datetimepicker').datetimepicker({  minDate:new Date()});
});

Cela fonctionne pour moi, merci

InformationsquelleAutor Lakhan

Désactiver tous passé date

<script type="text/javascript">
        $(function () {
            /*--FOR DATE----*/
            var date = new Date();
            var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());

            //Date1
            $('#ctl00_ContentPlaceHolder1_txtTranDate').datepicker({
              format: 'dd-mm-yyyy',
              todayHighlight:'TRUE',
              startDate: today,
              endDate:0,
              autoclose: true
            });

        });
</script>

Désactiver tous les futurs date

 var date = new Date();
 var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());

   //Date1
   $('#ctl00_ContentPlaceHolder1_txtTranDate').datepicker({
       format: 'dd-mm-yyyy',
       todayHighlight:'TRUE',
       minDate: today,
       autoclose: true
   });

InformationsquelleAutor Drago Pun

Veuillez vous référer à la tripoter http://jsfiddle.net/Ritwika/gsvh83ry/

**With three fields having date greater than the **
<input type="text" type="text" class="form-control datepickstart" />
<input type="text" type="text" class="form-control datepickend" />
<input type="text" type="text" class="form-control datepickthird" />

var date = new Date();
 date.setDate(date.getDate()-1);
$('.datepickstart').datepicker({
 autoclose: true,
 todayHighlight: true,
 format: 'dd/mm/yyyy',
  startDate: date
});
$('.datepickstart').datepicker().on('changeDate', function() {
    var temp = $(this).datepicker('getDate');
    var d = new Date(temp);
  d.setDate(d.getDate() + 1);
  $('.datepickend').datepicker({
 autoclose: true,
 format: 'dd/mm/yyyy',
 startDate: d
}).on('changeDate', function() {
    var temp1 = $(this).datepicker('getDate');
    var d1 = new Date(temp1);
   d1.setDate(d1.getDate() + 1);
  $('.datepickthird').datepicker({
 autoclose: true,
 format: 'dd/mm/yyyy',
 startDate: d1
});
});
});

InformationsquelleAutor Ritwika Das

2

Pour désactiver les dernières dates & mettez en surbrillance la date d'aujourd'hui:
```
$(function () {
    $('.input-daterange').datepicker({
        startDate : new Date(),
        todayHighlight : true
    });
});
```
Désactiver les futures dates & mettez en surbrillance la date d'aujourd'hui:
```
$(function () {
    $('.input-daterange').datepicker({
        endDate : new Date(),
        todayHighlight : true
    });
});
```
Pour plus de détails, check this out https://bootstrap-datepicker.readthedocs.io/en/latest/options.html?highlight=startdate#quick-reference

InformationsquelleAutor Manjunath Bilwar
2

Vous pouvez simplement ajouter l'attribut de données en html de la balise input:

Dans les rails html :
```
<%= form.text_field :appointment_date, 'data-provide': 'datepicker', 'data-date-start-date': "+0d" %>
```
HTML :
```
<input data-provide="datepicker" data-date-start-date="+0d" type="text" name="appointment_date" id="appointment_date">
```
- data-date-start-date="+0d" fait. Merci
- Je suis en train de travailler sur des rails et il m'a aidé, upvoted. Fourni data:{ provide:'datepicker', 'date-start-date': "+1d"} pour obtenir des rendez-vous à partir de demain
InformationsquelleAutor Sanjay Choudhary

En html

<input class="required form-control" id="d_start_date" name="d_start_date" type="text" value="">

En Js côté

<script type="text/javascript">
        $(document).ready(function () {
        var dateToday = new Date();
        dateToday.setDate(dateToday.getDate());

        $('#d_start_date').datepicker({
            autoclose: true,
            startDate: dateToday
        })

    });

InformationsquelleAutor Brijesh Mavani

pour désactiver la dernière date d'utilisation :

  $('.input-group.date').datepicker({
       format: 'dd/mm/yyyy',
       startDate: 'today'
  });

InformationsquelleAutor Shaurya

Il dépend de ce format de vous mettre sur le datepicker
D'abord on lui a donné le format.

    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1; //January is 0!

    var yyyy = today.getFullYear();
    if(dd<10){
        dd='0'+dd;
    } 
    if(mm<10){
        mm='0'+mm;
    } 
    var today = yyyy+'-'+mm+'-'+dd; //Here you put the format you want

Puis Passer le datepicker (dépend de la version que vous utilisez, pourrait être startDate ou minDate ce qui est mon cas )

    //Datetimepicker
    $(function () {
        $('#datetimepicker1').datetimepicker({
            minDate: today, //pass today's date
            daysOfWeekDisabled: [0],
            locale: 'es',
            inline: true,
            format: 'YYYY-MM-DD HH:mm', //format of my datetime (to save on mysqlphpadmin)
            sideBySide: true
        });
    });

InformationsquelleAutor stupidboyRG

Vous pouvez trouver votre solution dans ce lien ci-dessous: https://codepen.io/ahmetcadirci25/pen/NpMNzJ

C'est de travailler pour moi.

Mon code:

        var date = new Date();
        date.setDate(date.getDate());

        $('#datetimepicker1').datetimepicker({
            isRTL: false,
            format: 'dd.mm.yyyy hh:ii',
            autoclose: true,
            language: 'tr',
            startDate: date
        });

InformationsquelleAutor Tonay

-1

La suite travaillé pour moi
```
$('.input-group.date').datepicker({
     format: 'dd/mm/yyyy',
     startDate: new Date()
});
```
- Cela ne répond pas à la question. Vous devez donner une réponse qui résout le problème, expliquer pourquoi cela fonctionne, expliquer comment cela fonctionne, de cette façon, d'autres personnes peuvent apprendre. Comment avez-vous trouvé cette réponse? C'est quelque chose que vous devriez inclure dans vos réponses. Votre réponse n'est pas utile à d'autres lecteurs dans son état actuel.
InformationsquelleAutor user8127348

Vous devez vous connecter pour publier un commentaire.