bootstrap datepicker de validation ne fonctionne pas

Je suis en train d'utiliser bootstrap-datetimepicker.min.js et je l'ai intégré dans mon projet. Pourtant, quand je tryg pour afficher la date d'aujourd'hui comme une valeur par défaut dans la from champ de saisie, il n'est pas de travail.

Javascript:

var d = new Date();

var currDate = d.getDate();
var currMonth = d.getMonth();
var currYear = d.getFullYear();

var dateStr = currDate + "-" + currMonth + "-" + currYear;

$('#from').datetimepicker({
    pickTime: false,
    defaultDate: dateStr
});

HTML:

<input type="text" placeholder="From" name="from" id="from" style="width: 90%"/>

<input type="text" placeholder="To" name="to" id="to" style="width: 90%"/>

ET avec cela, je tiens également à valider la date de from déposée de sorte qu'il ne devrait pas être inférieure à la date d'aujourd'hui et to pas moins de la date du lendemain et pas plus de 3 mois date.

J'ai cherché une réponse sur google et Stackoverflow déjà. S'il vous plaît aider moi.

OriginalL'auteur Mohammed Sufian | 2014-01-20

essayer ce code de travail violon http://jsfiddle.net/KWvNe/

HTML

<div class="well">
  <div id="from-datepicker" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>

<div class="well">
  <div id="to-datepicker" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>

$(function() {

    var d = new Date();
    var today = d;
    var dateThreeMonthLater = d.setMonth(d.getMonth() + 3);

    $('#from-datepicker').datetimepicker({
      language: 'pt-BR',
      startDate: today,
      endDate: dateThreeMonthLater
    });

     $('#to-datepicker').datetimepicker({
      language: 'pt-BR'
    });

});

Vérifier le travail de violon ici http://jsfiddle.net/KWvNe/
ne pas oublié d'inclure essentiel javascript et css vérifier ici http://tarruda.github.io/bootstrap-datetimepicker/

Vous pouvez définir les options suivantes pour un datepicker

  maskInput: true,           //disables the text input mask
  pickDate: true,            //disables the date picker
  pickTime: true,            //disables de time picker
  pick12HourFormat: false,   //enables the 12-hour format time picker
  pickSeconds: true,         //disables seconds in the time picker
  startDate: -Infinity,      //set a minimum date
  endDate: Infinity          //set a maximum date

merci monsieur c'est un travail, mais je veux que la date de fin doit être de 3 mois dans le futur en fonction à la date d'aujourd'hui
Vérifier la mise à jour de réponse
Si cette réponse vous aide, vous pouvez le marquer comme réponse correcte 🙂
merci monsieur il fonctionne très bien maintenant..mais il n'est pas alowing moi pour sélectionner une date à partir d'aujourd'hui jusqu'à 3 mois.. c'est que je ne peut selct aujourd'hui la date et la date après 3 mois..et je voudrais avoir que l'utilisateur peut selcet aujourd'hui la date et la date entre aujourd'hui et dans les 3 mois de la date..

OriginalL'auteur Subodh Ghulaxe

J'ai eu ur de problème...C'est une simple date de validation

<input type="text" id="txtdate" />
<input value="SUBMIT" id="btnsubmit" onclick="checkDate();"/>
<script>
           function checkDate() {
            var EnteredDate = document.getElementById("txtdate").value; //for javascript
            var EnteredDate = $("#txtdate").val(); //For JQuery
            var date = EnteredDate.substring(0, 2);
            var month = EnteredDate.substring(3, 5);
            var year = EnteredDate.substring(6, 10);
            var myDate = new Date(year, month - 1, date);
            var today = new Date();
            if (myDate > today) {
                alert("Entered date is greater than today's date ");
            }
            else {
                alert("Entered date is less than today's date ");
            }
        }
    </script>

merci monsieur selon @Subodh Ghulaxe sir réponse, j'ai résolu ce..à l'aide de setdate attribut en jquery ...maintenant, je suis à la recherche de la date de fin de validation il soulhd de 3 mois futer date, conformément à la date d'aujourd'hui

OriginalL'auteur Shibu Thomas

utiliser cette fonction jquery

<script>
  $(function() {
    $( "#from" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths: 1,
      onClose: function( selectedDate ) {
          $("#from").datepicker( "option", "dateFormat", "yy-mm-dd");
          $("#to").datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#to").datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths: 1,
      onClose: function( selectedDate ) {
          $("#to").datepicker( "option", "dateFormat", "yy-mm-dd");
          $("#from").datepicker( "option", "maxDate", selectedDate );
      }
    });
  });
</script>

HTML:

<input type="text" placeholder="From" name="from" id="from" style="width: 90%"/>

<input type="text" placeholder="To" name="to" id="to" style="width: 90%"/>

merci pour votre réponse, mais après avoir essayé votre code, il n'est même pas en me montrant calendrier pour sélectionner la date

OriginalL'auteur Shibu Thomas

inclure ce script

//jQuery Date Picker
jQuery(".datepicker").datepicker({
    showOtherMonths: true,
    selectOtherMonths: false,
    isRTL:false,
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,

});
jQuery('.datepicker').css('cursor', 'pointer');
jQuery('.datepicker').attr("readonly", "readonly");
jQuery('.datepicker').addClass('tooltip-info');
jQuery('.datepicker').attr('data-rel', 'tooltip');
jQuery('.datepicker').attr('data-placement', 'right');
jQuery('.datepicker').attr('data-original-title', 'Select a Date');
jQuery(".datepicker").datepicker("option", "dateFormat", "yy-mm-dd");
jQuery(".datepicker").datepicker("option", "showAnim", "slideDown");
jQuery(".datepicker").each(function(){
    jQuery(this).datepicker( "setDate", jQuery(this).attr('date-value'));
});
Use id="datepicker"

je vous remercie encore, monsieur...mais ne fonctionne pas encore..même problème..
est-il moyen de valider la date à l'aide de jquery..comme après la sélection de la date... il convient de vérifier la date et de les valider..à l'aide de jquery..et pas datetimepicker

OriginalL'auteur Shibu Thomas

Vous devez vous connecter pour publier un commentaire.