Project

General

Profile

Actions

Feature #10096

closed

JQuery / Bootstrap: DatePicker

Added by Carsten Rose almost 3 years ago. Updated 7 months ago.

Status:
Closed
Priority:
Normal
Assignee:
Carsten Rose
Target version:
Start date:
11.02.2020
Due date:
05.01.2022
% Done:

100%

Estimated time:
Discuss:
Prio Planung:

Description

Auf Anfrage von Philipp:

https://bootstrap-datepicker.readthedocs.io/en/latest/

Das JS hat minimized noch 33kB ...

Am besten wir diskutieren das mal.


Related issues

Related to QFQ - Bug #1993: Datepicker: does not support dynamic updatesRejectedBenjamin Baer17.05.2016

Actions
Related to QFQ - Feature #1980: DatepickerRejectedCarsten Rose11.05.2016

Actions
Related to QFQ - Feature #12630: Input: date[time]: min / max valuesClosedCarsten Rose27.05.2022

Actions
Actions #1

Updated by Benjamin Baer almost 3 years ago

  • Status changed from New to Priorize
Actions #2

Updated by Benjamin Baer almost 3 years ago

  • Status changed from Priorize to Some day maybe
Actions #3

Updated by Carsten Rose over 1 year ago

  • Related to Bug #1993: Datepicker: does not support dynamic updates added
Actions #4

Updated by Carsten Rose over 1 year ago

Actions #5

Updated by Carsten Rose over 1 year ago

  • Related to Feature #12630: Input: date[time]: min / max values added
Actions #6

Updated by Benjamin Baer over 1 year ago

https://getdatepicker.com/4/

also wenn schon, ein bootstrap 3 datepicker und nicht ein bootstrap 2. ;) Wird ja sonst noch langsam peinlich

Actions #7

Updated by Carsten Rose over 1 year ago

  • Status changed from Some day maybe to New
  • Target version changed from next5 to next3

Hallo Benj, koenntest du ein Mockup machen resp. es in QFQ Client / UZH CD integrieren? Von meiner Seite gern in QFQ (nicht UZH CD).

Mit dem Datepicker wuerde ich auch gern #12630 fixen. Das brennt Ephraim (Medtool) unter den Fingern.

Actions #8

Updated by Carsten Rose over 1 year ago

  • Due date set to 16.06.2021
Actions #9

Updated by Benjamin Baer 11 months ago

  • Due date changed from 16.06.2021 to 06.01.2021
  • Status changed from New to In Progress
Actions #10

Updated by Benjamin Baer 11 months ago

  • Due date changed from 06.01.2021 to 05.01.2022
Actions #11

Updated by Benjamin Baer 11 months ago

  • Status changed from In Progress to Ready to sync (develop)

Ist jetzt umgebaut auf den neuen datetimepicker.

Requirements:

js:
moment.min.js
bootstrap-datetimepicker.min.js
locales.min.js (optional)

css:

bootstrap-datetimepicker.min.css

Aufruf:

<input type="text" class="form-control qfq-datepicker">

Optionen:

data-locale="de" (default: "en", benoetigt zusaetzlich zu moment.min.js auch locale.min.js, optional)

data-days-of-week-disabled (default: [0,6], wochentage die nicht markiert werden koennen, 0 sonntag - 6 samstag)

data-view-mode-default (default: "days", Moeglichkeiten: "days" "months" "years" "decades", ...)

data-show-clear-button="false" (default: "true", Button um eingaben zu entfernen)

data-show-calendar-weeks ="true" (default: "false", option um KW anzuzeigen)

data-use-current-datetime = "true" (default: "false", option ob automatisch die jetzige Zeit gesetzt werden soll)

data-datetime-side-by-side = "true" (default: "false", klapp kalender und zeit nebeneinander auf, anstelle von als submenu. Clear Button scheint dann nicht zu funktionieren)

Mockup: mockup/form.html

Branch: f10096-datepicker

Actions #12

Updated by Benjamin Baer 11 months ago

  • Status changed from Ready to sync (develop) to In Progress
  • Assignee changed from Benjamin Baer to Enis Nuredini
Actions #13

Updated by Enis Nuredini 11 months ago

  • Assignee changed from Enis Nuredini to Benjamin Baer

Implementierung in QFQ wurde gemacht.

Actions #14

Updated by Benjamin Baer 11 months ago

  • Assignee changed from Benjamin Baer to Enis Nuredini

Javascript Problem der Boolean Values ist jetzt behoben.

Neu gibt es auch data-min-date und data-max-date.

Es muss im Format: DD.MM.YYYY geschrieben werden, auch wenn das ausgabe format auf etwas anderes gesetzt waere. Ich formatiere es im moment auf das vorgegebene MM.DD.YYYY im Javascript um. Zeit ist auch moeglich, also zB. DD.MM.YYYY HH:mm

Actions #15

Updated by Enis Nuredini 10 months ago

  • Status changed from In Progress to Ready to sync (develop)
  • Assignee changed from Enis Nuredini to Carsten Rose

Merge Request ist draussen.

Actions #16

Updated by Carsten Rose 10 months ago

  • Status changed from Ready to sync (develop) to Closed
  • % Done changed from 0 to 100
Actions #17

Updated by Carsten Rose 7 months ago

  • Target version changed from next3 to 22.5.0
Actions

Also available in: Atom PDF