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

Detaillierte Erläuterung der MySQL-Benutzer- und Berechtigungsverwaltung

Dieser Artikel beschreibt anhand von Beispielen d...

Implementierungscode für die teilweise Aktualisierung einer HTML-Seite

Aktualisierung der Ereignisantwort: Aktualisierun...

Perfekte Lösung für keine rc.local-Datei in Linux

Neuere Linux-Distributionen verfügen nicht mehr ü...

Einführung in semantische HTML-Tags

In den letzten Jahren war DIV+CSS bei der Website-...

MySQL 8.0.13 Installations- und Konfigurations-Tutorial unter CentOS7.3

1. Grundlegende Umgebung 1. Betriebssystem: CentO...

Detailliertes Tutorial zum Bereitstellen von Apollo mit Docker

1. Einleitung Ich werde hier nicht näher auf Apol...

So sichern Sie MySQL regelmäßig und laden es auf Qiniu hoch

In den meisten Anwendungsszenarien müssen wir wic...

So konfigurieren Sie mehrere Projekte mit demselben Domänennamen in Nginx

Es gibt zwei Möglichkeiten, mit Nginx mehrere Pro...

Tutorial zur Installation von MySQL 5.7.18 auf Mac OS 10.12

Ich habe das ganze Internet durchsucht und bin au...

Sie müssen wirklich die Verwendung von CSS-Variablen var() verstehen

Wenn ein Webprojekt immer größer wird, werden sei...

MySQL 8.0.11 Installationstutorial mit Bildern und Text

Es gibt viele Tutorials im Internet und sie sind ...