Einfache datepicker validation

Kann mir jemand helfen, schreiben Sie eine Funktion zum anzeigen einer Zeile text (vorzugsweise, indem eine css-Klasse) für ein jquery-datepicker-wenn jemand auf ein date?

Die Ankündigung hat zu erscheinen, WENN der Zeitpunkt abgeholt, fällt zwischen HEUTE und 21 TAGE AB HEUTE.

Es ist die Funktion, die ich benötige Hilfe, da ich nicht weiß, wie es zu schreiben.

<script>
     $(function() {
          $( "#delivery_date" ).datepicker({ 
                dateFormat: "dd/mm/yy",
          });
     });
 </script>

<input type="text" id="delivery_date" name="delivery_date" required  />

InformationsquelleAutor Lee Collings | 2013-09-05

2

Könnten Sie in der Lage sein zu überprüfen, mit date.js, es hat eine fluent-API, die es sehr einfach macht, um auszudrücken, Ihre Bedingungen.

Beispiel-code könnte sein:
```
var enteredDate = $("#delivery_date").prop("value");
var parsed = Date.parse(enteredDate); 
var start = Date.today();
var end = Date.today().add(21).days(); 
if (!parsed.between(start, end)) {
    alert("Date is valid");
} else {
    alert("Date is not valid");
}
```
Test plunker
- Diese Warnung änderungen werden erst nach 7 Tagen. Außerdem habe ich nicht wollen, eine browser-Warnung, einfach nur eine Zeile text. Und auch etwas, das funktioniert auf eine selectdate, withotu ein submit-button.
- Ok, ich dachte, Sie wollte nur eine Funktion, die überprüft die Eingabe, können Sie erweitern, dass natürlich 😉
- Ich weiß nicht, wie zu erweitern, bisher hat jeder angenommen, ich weiß, wie man Funktionen schreiben, die ist mir nicht zu Hilfe. Eine Woche habe ich gefragt, Fragen auf dieser Seite nun.. es tut mein Kopf 🙁
- Kann ich leicht ändern Sie die Benachrichtigungen, um die Anzeige zu ändern: parameter einer css-id?
- außerdem wurde die plunkr, date.js war verwirrt, mit dem Datum-format, sollten jetzt wie erwartet funktionieren.
- Also heisst das, ich habe mit mm/dd/yyyy?
- Sie können diese Warnung mit alles, was Sie wollen. Zum Beispiel, wenn Sie jQuery verwenden und wollen, um eine Klasse: $("#idOfMyElement").addClass("myclass");
- Aktualisiert plunkr mit divs, die zeigen, bis Wann gültig/nicht gültig und Sie aktualisiert, wenn Sie das Datum ändern.
- Auch dies ist ein Beispiel mit (um ehrlich zu sein) beschissen code. Sie sollten nur einige Hinweise, wie Sie Ihr problem lösen 😉
- Es kann ein problem sein, jetzt, da jedes Datum gültig ist lol
- Funktioniert bei mir.
- :S Warum sollte der 27., nicht gültig sind? Das ist außerhalb der Reichweite...
- Ah, du hast Sie auf dem falschen Weg-Runde.
- Hmm ärgerlich, wenn ich es in meine joomla-Website, wie das Skript nicht ausführen.
- Deine Lösung funktioniert am besten für mich 🙂 Ein paar änderungen und ich habe die Warnung verändert, um eine ein - /ausblenden css-id je nach Datum geklickt. Dank sehr viel!
- Oh, scheint, habe ich nicht gelesen deinen text richtig, ich dachte das war bisher nur gültig innerhalb des Datumsbereichs
- eigentlich brauchen Sie nicht externe Bibliotheken, überprüfen Sie meine Antwort und verwenden Sie onSelect im datepicker
- Ja, Sie brauchen Sie nicht, aber es macht den code sehr viel besser lesbar (und das heißt auch mehr wartbar)
- unbekannten Methoden von unbekannten Bibliothek nicht, damit Ihr code lesbar, verbringen Sie Zeit auf Forschung verbringen Sie server-Ressourcen gehören es, du warst Ihr <head> mit zusätzlichen code, anstelle der deep-learning jQuery und jQueryUI
- ok viel Spaß mit getElementById und seltsame javascript-date-bezogene wtfs dann 😉
- 1. wenn Sie einen genaueren Blick auf meine Antwort Sie werden sehen, dass das nur Reine JS-Objekt, das ich benutze, ist Data 2. Wenn Sie nicht vertraut sind mit JS selbst, dass es keine gute Idee, frameworks, basierend auf es
InformationsquelleAutor narrowtux
1

U verwenden können onClose im datepicker
```
$(function() {
  $( "#date" ).datepicker({ 
  dateFormat: "dd/mm/yy",
  onClose: function() {
        valid();
    }
  });
});
```
jsfiddle - Beispiel
- Das ist nicht das, was ich bin nach, ich will ein CSS-div angezeigt wird, wenn ein beliebiges Datum ausgewählt zwischen HEUTE und 21days von heute. Nach, dass ich nicht wollen, etwas zu erscheinen.
- Werfen Sie einen Blick auf dieses jsfiddle.net/Fa8Xx/726 , Zeile 8 können Sie Stil, wie Sie es wünschen
- 1. dein Beispiel funktioniert nicht day == today || day == today+22 wird nicht angezeigt Zeitraum es nur vergleicht Tages abgeholt mit aktuellen Tages-und cur-Tag+22, also zumindest das müssen Sie ändern, um es zu day>=today && day<=today+21 aber 2. was ist, wenn heute der 31.? - vergleichen Sie es mit 53rd Tag?
InformationsquelleAutor JTC

verwenden Sie einfach onSelect - Eigenschaft, wenn Sie init datepicker

$( "#delivery_date" ).datepicker({ 
    dateFormat: "dd/mm/yy",
    minDate : new Date(),
    onSelect: function(str) {

        var lastDate = new Date(),
            nums = str.split("/"),
            userDate = new Date(nums[2], nums[1]-1, nums[0]), //reverse date
            period = 21;

        lastDate.setDate(lastDate.getDate()+period);

        if (userDate<lastDate) {
            //notify
            alert("inside 21 days period");
        }
    }
});

versuchen FIDDLE

InformationsquelleAutor vladkras

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.