Lightpick Javascript datoinstalleringsvælger – letvægt, ingen jQuery

# Konfiguration

field

  • Type: Element
  • Default: Element
  • Default: null

Binde datopicker til et formularfelt

secondField

  • Type: Element
  • Default: null

Hvis der findes, vil slutningen af datointervallet blive sat her.

firstDay

  • Type:

    firstDay

    • Type: Number
    • Default: 1

    ISO ugedag (1: mandag, …, 7: søndag).

    parentEl

    • Type:

      parentEl

      • Type: String
      • Default: body

      Selector for det overordnede element, som datointervallet skal tilføjes til, hvis dette ikke er angivet, vil det være ‘body’.

      lang

      • Type: body

        lang

        • Type: body

        Selector for det overordnede element, som datointervallet skal tilføjes til: String

      • Default: auto

      Sprogkode for navne på dage, måneder ved Date.prototype.toLocaleString(). ‘auto’ vil forsøge at registrere brugerens browsersprog.

      format

      • Type:

        format

        • Type: String
        • Default: DD/MM/YYYY

        Det standard output-format.

        separator

        • Type:

          separator

          • Type: String
          • Default: -

          Separator mellem datoer, når et felt.

          numberOfMonths

          • Type:

            numberOfMonths

            • Type: Number
            • Default: 1

            Antal synlige måneder.

            numberOfColumns

            • Type:

              numberOfColumns

              • Type: Number
              • Default: 2

              Antal af kolonner måneder.

              singleDate

              • Type:

                singleDate

                • Type: Boolean
                • Standard: Boolean
                • Default: Boolean
                • true

                Vælg en enkelt dato i stedet for et datointerval.

                autoclose

                • Type:

                  autoclose

                  • Type: Boolean
                  • Default: true

                  Slut kalender, når valgt dato/interval.

                  hideOnBodyClick

                  • Type:

                    hideOnBodyClick

                    • Type: Boolean
                    • Default: true

                    Slutter kalender, når der klikkes på uden for de elementer, der er angivet i field eller parentEl. Anbefales anvendt, når autoclose er indstillet til false.

                    repick

                    • Type: Boolean
                    • Default: false

                    Repick start/slut i stedet for nyt område. Denne indstilling fungerer kun, når der findes `secondField`.

                    minDate

                    • Type: moment|String|Number|Date
                    • Default: moment|String|Number|Date
                    • Default: moment|String|Number|Date
                    • Default: null

                    Den mindste/tidligste dato, der kan vælges. Ethvert format: moment() eller “2018-06-01” eller 1527811200000, new Date()

                    maxDate

                    • Type:

                      maxDate

                      • Type: moment|String|Number|Date
                      • Default: null

                      Den maksimale/seneste dato, der kan vælges. Ethvert format: moment() eller “2018-06-01” eller 1527811200000, new Date()

                      disableDates

                      • Type: Array
                      • Default: null

                      Array af deaktiverede datoer. Array kan indeholde intervaller, tilladt i samme format som i indstillingerne minDate, maxDate.
                      Ex.: ]

                      selectForward

                      • Type: ]

                        selectForward

                        • Type: Boolean
                        • Default: false

                        Vælg anden dato efter den første valgte dato.

                        selectBackward

                        • Type:

                          selectBackward

                          • Type: Boolean
                          • Default: false

                          Vælg anden dato før den første valgte dato.

                          minDays

                          • Type:

                            minDays

                            • Type: Number
                            • Default: null

                            De mindste dage i det valgte interval.

                            maxDays

                            • Type:

                              maxDays

                              • Type: Number
                              • Default: null

                              De maksimale dage i det valgte interval.

                              hoveringTooltip

                              • Type:

                                hoveringTooltip

                                • Type: Boolean
                                • Default: true

                                Vis tooltip.

                                footer

                                • Type:

                                  footer

                                  • Type: Boolean|String
                                  • Standard: Boolean|String
                                  • Default: false

                                  Fodtekstkalender, hvis indstillet til `true` vil bruge standardfodteksten (Nulstil/Applikér-knapper) eller en brugerdefineret streng (html).

                                  disabledDatesInRange

                                  • Type:

                                    disabledDatesInRange

                                    • Type: Boolean
                                    • Default: true

                                    Hvis indstillet til `false`, nulstilles det valgte område, når der findes deaktiverede datoer i det valgte område.

                                    tooltipNights

                                    • Type:

                                      tooltipNights

                                      • Type: Boolean
                                      • Default: false

                                      Calcér datointerval i nætter. (For hoteller, hvor sidste dato ikke omfatter til interval)

                                      orientation

                                      • Type:

                                        orientation

                                        • Type: String
                                        • Default: auto

                                        En mellemrumsadskilt streng bestående af en eller to af “left” eller “right”, “top” eller “bottom” og “auto” (kan udelades); f.eks. “top left”, “bottom” (horisontal orientering vil som standard være “auto”), “right” (vertikal orientering vil som standard være “auto”), “auto top”.

                                        disableWeekends

                                        • Type:

                                          disableWeekends

                                          • Type: Boolean
                                          • Default: false

                                          Disable lørdag og søndag.

                                          inline

                                          • Type:

                                            inline

                                            • Type: Boolean
                                            • Default: false

                                            Vis kalender inline. Hvis true og parentEl ikke er angivet, anvendes parentNode af feltet.

                                            dropdowns

                                            • Type: Object|Boolean
                                            • Standard: Object|Boolean
                                            • Default:
                                              {
                                              years: {
                                              min: 1900,
                                              max: null,
                                              },
                                              months: true,
                                              }

                                          Dropdown-valg for år, måneder. Kan være false for at deaktivere begge rullemenuer.
                                          years (Objekt|Boolean) – Objektet skal indeholde min og max årstal eller kan være false for at deaktivere rullemenuen for årstal.
                                          months (Boolean) – true/false for aktivering/deaktivering af rullemenuen for måneder.

                                          locale

                                          • Type:

                                            locale

                                            • Type: Object
                                            • Standard: Object
                                            • Default:
                                              {
                                              buttons: {
                                              prev: '←',
                                              next: '→',
                                              close: '×',
                                              reset: 'Reset',
                                              apply: 'Apply'
                                              },
                                              tooltip: {
                                              one: 'day',
                                              other: 'days'
                                              },
                                              tooltipOnDisabled: null,
                                              pluralize: function(i, locale){
                                              if (typeof i === "string") i = parseInt(i, 10);
                                              if (i === 1 && 'one' in locale) return locale.one;
                                              if ('other' in locale) return locale.other;
                                              return '';
                                              }
                                              }

                                            buttons – Tekst til knapper

                                            tooltip – Tekst til tooltip (en, få, mange, andet)

                                            tooltipOnDisabled (String) – Vis tooltip-tekst på datoer, der er deaktiveret. (F.eks. “Allerede booket”)

                                            pluralize (funktion) – Funktion til beregning af flertydig tekst. Flere eksempler for andre lokaliteter på betsol/numerous

                                            onSelect

                                            • Type:

                                              onSelect

                                              • Type: Function
                                              • Default: null

                                              Callback-funktion for, når en dato er valgt.

                                              onOpen

                                              • Type:

                                                onOpen

                                                • Type: Function
                                                • Default: null

                                                Callback-funktion til, når plukkeren bliver synlig.

                                                onClose

                                                • Type:

                                                  onClose

                                                  • Type: Function
                                                  • Default: null

                                                  Callback-funktion til, når plukkeren bliver skjult.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.