wake-up-neo.com

minimale Einstellung in Jquery Datepicker

Hallo, ich möchte das Min-Datum in meinem Jquery Datepicker auf (1999-10-25) setzen, also habe ich den folgenden Code ausprobiert, der nicht funktioniert.

$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        inline: true
    });
});

** Wenn ich das Min-Jahr auf über 2002 ändere, funktioniert es gut, aber wenn ich Min-Jahr unter 2002 spezifiziere, wird es nur bis 2002 angezeigt. Kann mir jemand helfen. ich verwende jquery-1.7.1.min.js und jquery-ui-1.8.18.custom.min.js.

44
user1184777
$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
yearRange: '1999:2012',
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        inline: true
    });
});

Gerade hinzugefügte Jahresauswahl. Es sollte das Problem lösen

89
Gaurav

Das Problem ist, dass die Standardoption "yearRange" 10 Jahre beträgt.

Also 2012 - 10 = 2002.

Ändern Sie also den yearRange in c-20:c oder einfach nur 1999 (yearRange: '1999:c') und verwenden Sie dies in Kombination mit Datumsbeschränkungen (mindate, maxdate).

Für weitere Informationen: http://jqueryui.com/demos/datepicker/#option-yearRange


Siehe Beispiel: http://jsfiddle.net/kGjdL/

Und deinen Code mit dem Zusatz:

$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        yearRange: '1999:c',
        inline: true
    });
});
13

Für den Fall, dass Sie beispielsweise ein Min-Datum, die letzten 3 Monate und ein Max-Datum für die nächsten 3 Monate festlegen müssen

$('#id_your_date').datepicker({ 
   maxDate: '+3m',
   minDate: '-3m'
 });
2

Ich möchte dies nur für den zukünftigen Programmierer hinzufügen.

Dieser Code begrenzt das Datum min und max . Das Jahr wird vollständig gesteuert, indem das aktuelle Jahr als maximales Jahr angezeigt wird.

Hoffe, das könnte jedem helfen.

Hier ist der Code.

var dateToday = new Date();
var yrRange = '2014' + ":" + (dateToday.getFullYear());

$(function () {
    $("[id$=txtDate]").datepicker({
        showOn: 'button',
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        buttonImageOnly: true,
        yearRange: yrRange,
        buttonImage: 'calendar3.png',
        buttonImageOnly: true,
        minDate: new Date(2014,1-1,1),
        maxDate: '+50Y',
        inline:true
    });
});
1
rthonz

Hiya Arbeitsdemo: http://jsfiddle.net/femy8/

Jetzt wird der Kalender nur noch bis zum 10.10.1999 gehen.

Klicken Sie auf das Bild, d. H. Ein kleines Symbol neben dem Textfeld, um den Kalender anzuzeigen. Sie können versuchen, die Auswahl bis 1999 zu wählen, aber das Mindestdatum für die Auswahl ist der 25. Oktober 1999. Das ist das, was Sie möchten.

Das wird helfen, habe ein schönes! :) Prost!

Jquery-Code

$(".mypicker").datepicker({
    changeYear: true,
    dateFormat: 'yy-mm-dd',
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date('1999/10/25'),
        maxDate: '+30Y',
        inline: true
});


​
1
Tats_innit

wenn Sie bereits den Jahresbereich angeben, müssen Sie mindate und maxdate nicht verwenden, wenn nur das Jahr erforderlich ist

0
Roshan

Versuchen Sie es so

<script>

  $(document).ready(function(){
          $("#order_ship_date").datepicker({
           changeMonth:true,
           changeYear:true,           
            dateFormat:"yy-mm-dd",
            minDate: +2,
        });
  }); 


</script>

der HTML-Code ist unten angegeben

<input id="order_ship_date"  type="text" class="input" style="width:80px;"  />
0
kanhaiya kumar