bootstrap-datepicker-Validierung funktioniert nicht

Ich versuche, mit bootstrap-datetimepicker.min.js und ich haben erfolgreich integrierte es in mein Projekt. Doch, wenn ich tryg, um zu zeigen, das aktuelle Datum als Standardwert in der from Eingabefeld, es funktioniert nicht.

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%"/>

UND mit dieser würde ich auch gerne überprüfen das Datum in from eingereicht, so dass es sollte nicht kleiner sein als das heutige Datum und die to Datum nicht weniger als das morgige Datum und nicht größer als 3 Monat Datum.

Suchte ich nach einer Antwort auf google und Stackoverflow schon. Bitte helfen Sie mir.

InformationsquelleAutor Mohammed Sufian | 2014-01-20

versuchen, diesen code zu arbeiten fiddle 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'
    });

});

Check arbeiten fiddle hier http://jsfiddle.net/KWvNe/
nicht vergessen ätherischen javascript und css-überprüfen Sie hier http://tarruda.github.io/bootstrap-datetimepicker/

Sie können folgende Optionen für einen 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

danke sir, es funktioniert, aber ich will das Enddatum muss 3 Monate in der Zukunft nach dem heutigen Datum
Überprüfen Sie aktualisierte Antwort
Wenn diese Antwort hilft, können Sie es markieren als " richtige Antwort 🙂
ich danke Ihnen, sir, es funktioniert jetzt..aber es ist nicht alowing mich auf slect Datum vom heutigen bis zu 3 Monate.. das kann ich nur auswählst heutigen Datum und dem Datum nach 3 Monaten..und ich hätte gerne, dass Benutzer kann selcet heutige Datum und das Datum betwwen heutigen Datum und 3 Monate Datum..

InformationsquelleAutor Subodh Ghulaxe

Bekam ich ur problem...Dies ist eine einfache Datums-Validierung

<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>

ich danke Ihnen, sir, laut @Subodh Ghulaxe sir Antwort ich habe das Problem gelöst..mit setdate-Attribut in jquery ...jetzt Suche ich für Ende-Datum der Validierung es soulhd 3 Monate futer Datum nach dem heutigen Datum

InformationsquelleAutor Shibu Thomas

verwenden Sie diese jquery-Funktion

<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%"/>

vielen Dank für Ihre Antwort, aber nach dem Versuch die angegebene code ist es auch nicht, zeigt mir die Kalender zum Datum auswählen

InformationsquelleAutor Shibu Thomas

gehören dieses Skript

//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"

danke Ihnen nochmals, sir...aber nicht wieder arbeiten..gleiche problem..
ist dort Weg, um überprüfen Sie das Datum mithilfe von jquery nur..wie nach dem auswählen von Datum... es sollte, überprüfen Sie das Datum und bestätigen Sie..mit Hilfe von jquery nur..und nicht datetimepicker

InformationsquelleAutor Shibu Thomas

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.