Vue implementiert die Abfrage von Startzeit und Endzeitbereich

Vue implementiert die Abfrage von Startzeit und Endzeitbereich

In diesem Artikel erfahren Sie, wie Sie den Startzeit- und Endzeitbereich in Vue abfragen. Der spezifische Inhalt ist wie folgt

Effektbild:

Code-Implementierung:

Bestellliste.Vue

<a-col :xl="6" :lg="7" :md="8" :sm="24">
 <a-form-item label="Bestelldatum">
  <a-range-picker Größe="groß" Format="JJJJ-MM-TT" @change="amDatumÄnderung" />
 </a-form-item>
</a-col>
Methoden: {
 beiDatumsänderung(Datum, Datumszeichenfolge) {
        console.log(Datumszeichenfolge[0])
        console.log(Datumszeichenfolge[1])
        this.beginDate = Datumszeichenfolge[0]
        this.finishDate = Datumszeichenfolge[1]
     }
}

OrderController.java

 /**
     * Paginierte Listenabfrage *
     * @param Reihenfolge
     * @param Seitennummer
     * @param Seitengröße
     * @param erforderlich
     * @zurückkehren
     */
    @AutoLog(value = "Bestellseitenlistenabfrage")
    @ApiOperation(value = "Sortierte Listenabfrage", notes = "Sortierte Listenabfrage")
    @GetMapping(Wert = "/Liste")
    öffentliches Ergebnis<?> queryPageList(Reihenfolge,
                                   @RequestParam(name = "Seitennr", Standardwert = "1") Integer Seitennr,
                                   @RequestParam(name = "Seitengröße", Standardwert = "10") Integer-Seitengröße,
                                   HttpServletRequest erforderlich) {
        QueryWrapper<Bestellung> queryWrapper = QueryGenerator.initQueryWrapper(Bestellung, req.getParameterMap());
        wenn(req.getParameterMap().get("beginDate") != null){
            Zeichenfolge beginDate = req.getParameterMap().get("beginDate")[0];
            Zeichenfolge Zieldatum = req.getParameterMap().get("Zieldatum")[0];
            wenn (!StringUtils.isEmpty(beginDate) || StringUtils.isEmpty(finishDate)) {
                DateTime beginOfDay = DateUtil.beginOfDay(DateUtil.parse(beginDate));
                DateTime Tagesende = DateUtil.Tagesende(DateUtil.parse(Enddatum));
                queryWrapper.ge("Erstellungszeit", Tagesbeginn).le("Erstellungszeit", Tagesende);
            }
        }
        Anmeldebenutzer sysUser = (Anmeldebenutzer) SecurityUtils.getSubject().getPrincipal();
        Set<String> Rollen = sysUserService.getUserRolesSet(sysUser.getUsername());
        wenn(!roles.contains("admin")){
            queryWrapper.eq("Benutzername",sysUser.getUsername());
        }
        Seite<Reihenfolge> Seite = neue Seite<Reihenfolge>(Seitennummer, Seitengröße);
        IPage<Bestellung> Seitenliste = Bestellservice.Seite(Seite, Abfrage-Wrapper);
        returniere Ergebnis.ok(Seitenliste);
    }

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:
  • Vue-Filter mit perfektem Zeit- und Datumsformatcode
  • Allgemeine Zeitformatkonvertierung in Vue
  • Mehrere Möglichkeiten der VUE-Zeitkonvertierung
  • Detaillierte Erläuterung des dynamischen Zeitbereichsgrenzfalls im Vue el-date-picker
  • Vue verhindert das Auslösen mehrerer Anfragen nach aufeinanderfolgenden Klicks in einem kurzen Zeitraum
  • Vue-Zeitleiste Vue-Light-Timeline - Nutzungsanweisungen
  • Ant-Design-Vue-Zeitselektor weist Standardzeitoperation zu
  • Anweisungen zur Verwendung des Datumsauswahlfelds gemischt mit dem Zeitwähler in Ant Design Vue
  • Vue formatiert die Zeit in der Elementtabelle in das angegebene Format

<<:  MySQL-Fall bei der Verwendungsbeispielanalyse

>>:  Beispiel für eine geplante MySQL-Datenbanksicherung

Artikel empfehlen

So verwenden Sie Nginx, um einen RTMP-Liveserver auszuführen

Dieses Mal haben wir einen RTMP-Liveübertragungss...

Beispiel für die Implementierung der Graphql-Schnittstelle in Vue

Hinweis: In diesem Artikel geht es um die grundle...

Verwendung des SerialPort-Moduls in Node.js

Inhaltsverzeichnis Zweck Modulinstallation Grundl...

4 Möglichkeiten, doppeltes Einfügen von Daten in Mysql zu vermeiden

Die gebräuchlichste Methode besteht darin, einen ...

MySQL-Konfiguration SSL-Master-Slave-Replikation

MySQL5.6 So erstellen Sie SSL-Dateien Offizielle ...

5 Lösungen für den CSS-Box-Zusammenbruch

Zunächst: Was ist ein Box-Collapse? Elemente, die...

So verwenden Sie nginx, um eine angegebene Schnittstelle (URL) zu blockieren

1. Einleitung Manchmal müssen Sie eine Servicesch...

Linux-Datenträgerverwaltung – LVM-Nutzung

1. Einführung in LVM Bei der Verwaltung von Linux...

CSS3 erzielt einen coolen Karusselleffekt mit geschnittenen Bildern

Heute lernen wir, wie man mit CSS eine coole Bild...

Detaillierte Schritte zur Installation und Verwendung von VMware ESXi 6.5

Inhaltsverzeichnis Einführung Architektur Vorteil...

5 Möglichkeiten zum Senden von E-Mails in der Linux-Befehlszeile (empfohlen)

Wenn Sie eine E-Mail in einem Shell-Skript erstel...

Detaillierte Erklärung des JavaScript-Statuscontainers Redux

Inhaltsverzeichnis 1. Warum Redux 2. Redux-Datenf...