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 async und await richtig in JS-Schleifen

Inhaltsverzeichnis Übersicht (Loop-Modus – Allgem...

Mein CSS-Framework – base.css (Browser-Standardstil zurücksetzen)

Code kopieren Der Code lautet wie folgt: @Zeichen...

Probleme bei der Installation von MySQL und mysql.sock unter Linux

Vor kurzem traten bei der Installation von Apache...

Das Konzept von MTR in MySQL

MTR steht für Mini-Transaktion. Wie der Name scho...

Korrekte Änderungsschritte für das Standardnetzwerksegment von Docker

Hintergrund Ein Kollege arbeitet an seinem Sicher...

Klasse in Front-End-JavaScript

Inhaltsverzeichnis 1. Klasse 1.1 Konstruktor() 1....

Vue implementiert Ankerpositionierungsfunktion

In diesem Artikelbeispiel wird der spezifische Co...

W3C Tutorial (5): W3C XML Aktivitäten

XML dient der Beschreibung, Speicherung, Übertrag...

Beinhaltet der %-Wert im neu erstellten MySQL-Benutzer localhost?

Normale Erklärung % bedeutet, dass jeder Client e...

Einführung in die Vue-Schaltflächenberechtigungssteuerung

Inhaltsverzeichnis 1. Schritte 1. Definieren Sie ...

PageSpeed ​​Optimierung im Überblick

Ich glaube, dass das Internet zu einem immer unve...