Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
Menü
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Login
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Menü
  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Agentur eintragen →
Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte
      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

Agentur eintragen →
Dr. Web » Webdesign » Schieberegler für die Datumsauswahl

Schieberegler für die Datumsauswahl

Der Date Slider ist eine neue, originelle Methode wenn es gilt einen Datumsbereich auszuwählen. Hier wird kein Kalender benutzt, sondern ein Schieberegler. Der in der Abbildung farbig dargestellte Bereich kann mit der Maus enger zusammen geschoben oder erweitert [...]

Sozial sein
Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email
  • 8 Kommentare
Lesedauer: < 1 minute
  • von Sven Lennartz
  • 7. Februar 2008
Bookmarke mich
Share on pocket

Der Date Slider ist eine neue, originelle Methode wenn es gilt einen Datumsbereich auszuwählen. Hier wird kein Kalender benutzt, sondern ein Schieberegler. Der in der Abbildung farbig dargestellte Bereich kann mit der Maus enger zusammen geschoben oder erweitert werden und ist auch als Ganzes verschiebbar. Das funktioniert durchaus intuitiv. Am besten die Demo ausprobieren.

Screenshot

In Funktion gesetzt wurde der Slider mit Javascript, Prototype/Scriptaculous und der DateJs Bibliothek. Es funktioniert nur mit eingeschaltetem Javascript und nicht mit alten Browsern. Das System gibt es als kostenlosen Download unter einer GPL Lizenz.

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Sven Lennartz

Sven Lennartz

Agenturpartner

minddraft AG

Allenwinden

wp-agentur.de | WordPress-Agentur

Köln

DAZECON – Webdesign und Marketing

Dresden

PromoMasters Online Marketing

Wien

VABELHAVT

Innsbruck

Alle Agenturpartner

Jobs

SEA Manager in München

München

Web Development & Project Management

Remote

Cloud Engineer Container & Kubernetes

Karlsruhe

Junior Webdesigner/ Mediengestalter

Innsbruck

Junior SEO Manager in München

München

Zum richtigen Job

Newsletter

Tipps, Tricks, Ratgeber. Unser Newsletter: Jeden Dienstag frisch gedruckt in Deinem Mail-Postfach.

Lust auf mehr? Wir empfehlen folgende Artikel:

Webdesign Trends 2022: Das erwartet uns

Animation, Interaktion und Immersion: Das neue Jahr bringt zahlreiche Trends im Webdesign mit sich und entwickelt einzelne Bereiche weiter. Bereits jetzt ist klar – in Sachen Webdesign-Trends hat das Jahr 2022 einiges zu bieten.

 →   

Google Fonts sind nicht mehr datenschutzkonform. Was nun?

Mit dem Urteil des Landgerichts München vom 20.01.2022 ist nun auch die Verwendung von Google Fonts über die Fonts API nicht mehr datenschutzkonform. Zeit sich nach einer Lösung umzusehen, wie Du dennoch Google Fonts weiterhin einsetzen kannst.

 →   

Dunkel Design – herzlich willkommen auf Dr. Web

Wir freuen uns, dass Moritz Dunkel mit seiner Agentur DNKL.DSGN aus Köln an Bord ist. Moritz Dunkel von Dunkel Design verstärkt unser Agentur-Netzwerk. Inhaltsstarke Seiten

 →   

8 Antworten zu „Schieberegler für die Datumsauswahl“
— was ist Deine Meinung?

  1. alican sagt:
    9. Februar 2008 um 15:09 Uhr

    Ist auch viel zu groß. Bringt auch keine Vorteile.

    Antworten
  2. thomas sagt:
    8. Februar 2008 um 15:22 Uhr

    hallo

    nette spielerei aber doch für einen größeren zeitraum völlig unbrauchbar.
    lg
    thomas

    Antworten
  3. Jann sagt:
    8. Februar 2008 um 1:32 Uhr

    Nicht wirklich ausgereift das Ding!
    Wenn ich z.B. den Schieberegler über den sichtbaren Bereich hinaus bewege, dann wird es schwer mit der richtigen Festlegung auf ein bestimmtes Datum.

    Auch bei ausgeschaltetem JavaScript ist der Regler unbrauchbar, sowie sehr ladeintensiv.

    Meiner Meinung nach also nur eine Spielerei, die sich nicht groß durchsetzen wird.

    Antworten
  4. Helmut sagt:
    7. Februar 2008 um 10:04 Uhr

    Irgendwie ganz nett.
    Aber wenn, dann nur für Auswahl

    Antworten
  5. Tobias sagt:
    7. Februar 2008 um 8:10 Uhr

    Achso Ok.
    Dann liegts wohl an meiner „DPI-Losen“ Maus auf der Arbeit 😉

    Antworten
  6. toy sagt:
    7. Februar 2008 um 8:09 Uhr

    Nette Spielerei, fkt. auch bei mir einwandfrei, obwohl schon sehr viel Fingerspitzengefühl zum bedienen nötig ist.

    @ Tobias:
    Kann es sein, das deine Maus zu empfindlich eingestellt ist?
    Gruß
    Toy

    Antworten
  7. SITS sagt:
    7. Februar 2008 um 7:16 Uhr

    @Tobias
    Ob es sinnvoll ist lasse ich mal offen. Aber hier lässt sich der Regler in Einerschritten bewegen.

    Antworten
  8. Tobias sagt:
    7. Februar 2008 um 6:52 Uhr

    Schön anzusehen, aber irgendwie scheint es bei nicht so zu funktionieren, wie ich mir das vorgestellt habe. Ich kann mit dem Schieberegler keinen genauen Tag auswählen, da er nach jeder (noch so kleinen) Bewegung 3 Tage weiter springt, was dazu führt, dass ich das Datum doch unten in die Felder eintragen muss :o).

    Vielleicht haben andere ja positivere Erfahrungen mit dem „Date Slider“

    Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email

Wissen finden

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
Menü
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑
Menü
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑

Für Agenturen & Unternehmer

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Menü
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Das große Dr. Web Icon-Set: 970+ Icons, im SVG-Format​

Lade Dir jetzt das Icon-Set
kostenlos herunter ↓

Über 970 Dr. Web-Icons, kostenlos.
Danke nein, ist nichts für mich.
Invalid email address
Vielen Dank! Bitte schau noch in Dein Postfach und bestätige die Anmeldung.