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

Erläuterung des Menüs „Entwicklertools“ in IE8

<br />In diesem Artikel wurden die verschied...

Häufige Szenarien und Vermeidungsmethoden für Indexfehler in MySQL

Vorwort Ich habe zuvor viele ähnliche Artikel gel...

Codebeispiel für die Verwendung der MySql COALESCE-Funktion

COALESCE ist eine Funktion, die sich nacheinander...

Implementierung der Nginx-Konfiguration HTTPS-Sicherheitsauthentifizierung

1. Der Unterschied zwischen HTTP und HTTPS HTTP: ...

Ausführliche Erläuterung zum MySQL-Lernen einer Datenbanksicherung

Inhaltsverzeichnis 1.DB, DBMS, SQL 2. Eigenschaft...

Docker erstellt Schritte zur Implementierung von Kubectl-Images

Wenn der Programmdienst mit k8s bereitgestellt wi...

Vue verwendet Openlayers zum Laden von Tiandi Map und Amap

Inhaltsverzeichnis 1. Weltkarte 1. Installieren S...

Javascript Frontend Optimierungscode

Inhaltsverzeichnis Optimierung der if-Beurteilung...

Detaillierte Erklärung zur korrekten Installation von OpenCV auf Ubuntu

Dieser Artikel beschreibt, wie man OpenCV mit C++...

Basierend auf den Sonderzeichen in der URL-Escape-Kodierung

Inhaltsverzeichnis Sonderzeichen in URLs Escapeze...