so beschränken Sie den jquery Datumsauswahl, um nur den aktuellen Monat?

Möchte ich zum einstellen des Datums-picker, um nur den aktuellen Monat und Benutzer sich nicht bewegen, um den vorherigen Monaten oder den nächsten Monaten.Ist es in der build-Funktion für Sie?

  • das jquery-plugin benutzt du??
  • Ich fand diese, und es mein problem lösen $( "#datepicker" ).datepicker({stepMonths: 0 }); Nach, dass es verhindert, gehen zum nächsten und vorhergehenden Monate
InformationsquelleAutor sampathpremarathna | 2011-06-20
  1. 7

    Verwenden datapiker so:

    //temp vars used below
var currentTime = new Date() 
var minDate = new Date(currentTime.getFullYear(), currentTime.getMonth(), +1); //one day next before month
var maxDate =  new Date(currentTime.getFullYear(), currentTime.getMonth() +2, +0); //one day before next month
$( "#datepicker" ).datepicker({ 
minDate: minDate, 
maxDate: maxDate 
});

    Dokumentation: http://jqueryui.com/demos/datepicker/#min-max

    • als Sie aber mit diesem es nur verhindern, dass nächsten Monate für mich
    • setzen Sie die option changeMonth: false, 😉
    • Dies ist eigentlich nicht korrekt. Die maxDate muss new Date(currentTime.getFullYear(), currentTime.getMonth() +1, 0) wie die anderen schon gesagt
    • Die beste Sache über Sie ist, auch wenn Sie hinzufügen, currentTime.getDate()+30 auf 30. Januar, wird es wieder der 1. März oder 2. März, ohne Rückkehr Ungültiges Datum-Fehler. Ich Weiß, Iam spät in diese.
    InformationsquelleAutor JellyBelly
  2. 6
    $( "#datepicker" ).datepicker({ 
    //Add this line

    stepMonths: 0,
});
    InformationsquelleAutor Akm Sadi
  3. 2

    Können Sie min-max - Bereich Datum von datepicker

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

    Oder nur einige Konfigurationen

    $('#datepicker').datepicker( {
    changeMonth: false,
    changeYear: false,
    stepMonths: false,
    dateFormat: 'dd MM'
});

    Ändern Sie den Monat, fügen Sie einfach die defaultDate: '2m' mit der Anzahl der Monate, die Sie hinzufügen möchten, oder fügen Sie ein minus wie '-2m' zu entfernen).

    Hier ist ein Fiddle mit den funktionierenden code

    InformationsquelleAutor Michel Ayres
  4. 1

    Verwenden Sie die Optionen minDate und maxDate.

    Können Sie die minDate und maxDate mit diesem

    function getMinMaxCurrentDate() {
   var d = new Date();
   var day = d.getDate();         //range 1-31
   var month = d.getMonth() + 1;  //range 1-12
   var year = d.getFullYear();    //ie. (2011)
   var max;

   if (month <= 7) {
      if (month == 2) {
         //check for leap years for Febuary
         var isLeap = new Date(year,1,29).getDate() == 29;
         max = 28 + (isLeap ? 1 : 0);
      } else {
         max = (month & 1) ? 31 : 30;
      }
   } else {
      max = (month & 1) ? 30 : 31;
   }

   return [-day, max - day];

}

var minMax = getMinMaxCurrentDate();
$( "#datepicker" ).datepicker({ minDate: minMax[0], maxDate: minMax[1] });
    InformationsquelleAutor Yanick Rochon
  5. 1
    //temp vars used below
var date = new Date();


//get the current date
var minDate = new Date(date.getFullYear(), date.getMonth()+ testMounth, 1);
var maxDate =  new Date(date.getFullYear(), date.getMonth() +1 +testMounth, -0);

$('#datepicker').datepicker({
hideIfNoPrevNext: true,
minDate: minDate,
maxDate: maxDate
});
    • was ist der testMounth
    InformationsquelleAutor Kule
  6. 0

    Wenn Ihr mit jQuery UI Datepicker, das funktionieren würde:

    function getDaysInMonth(y,m){
    return (new Date(y,m,0)).getDate() + 1;
}

var td= new Date();
var minDate = new Date( td.getYear(), td.getMonth(), +1, +getDaysInMonth( td.getYear(), td.getMonth() ) );
var maxDate = new Date( td.getYear(), td.getMonth(), +1, 0);

$( "#datepicker" ).datepicker({ 
    minDate: minDate,
    maxDate: maxDate 
});
    InformationsquelleAutor Tomgrohl
  7. 0

    Verwenden changeMonth:false und stepMonths:0 und es wird funktionieren.

    $('#calendar').datepicker({
    changeMonth: false,
    stepMonths: 0, 
    dateFormat: "mm/dd/yy",
    firstDay: 1,
}).datepicker("setDate", "+0d" );

    Arbeiten Fiedel:
    https://jsfiddle.net/scottcwilson/phkkt20e/2/

    InformationsquelleAutor Scott C Wilson
Schreibe einen Kommentar