Lightpick Javascript datumintervall – lättviktigt, inget jQuery

# Konfiguration

field

  • Typ: Element
  • Default: null

Bind datumplockaren till ett formulärfält

secondField

  • Typ: Element
  • Default: null

Om det finns ett datumintervall kommer slutet att anges här.

firstDay

  • Typ:

    firstDay

    • Typ: Typ: Number
    • Standard: Number
    • Standard: Number
    • Standard: Number
    • Default: 1

    ISO veckodag (1: måndag, …, 7: söndag).

    parentEl

    • Type: String
    • Standard: String
    • Default: String
    • Default: String
    • Default: String
    • Default: body

    Selector för det överordnade elementet som datumintervallet ska läggas till, om det inte anges blir det “body”.

    lang

    • Type: String
    • Default: auto

    Språkkod för namn på dagar, månader genom Date.prototype.toLocaleString(). ‘auto’ försöker upptäcka användarens webbläsarspråk.

    format

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

    Standardformat för utdata.

    separator

    • Typ: String
    • Default: -

    Separator mellan datum när ett fält.

    numberOfMonths

    • Typ: Number
    • Default: 1

    Antal synliga månader.

    numberOfColumns

    • Typ: Number
    • Default: 2

    Antal kolumner av månader.

    singleDate

    • Typ: Boolean
    • Standard: true

    Välj ett enskilt datum istället för ett datumintervall.

    autoclose

    • Typ: Boolean
    • Standard: Boolean
    • Standard: Boolean
    • Default: true

    Slut kalender när datum/intervall valts.

    hideOnBodyClick

    • Typ: Boolean
    • Default: true

    Slutar kalendern när man klickar utanför de element som anges i field eller parentEl. Rekommenderad användning när autoclose är inställd på false.

    repick

    • Typ: Boolean
    • Default: false

    Skanna start/slut i stället för nytt intervall. Detta alternativ fungerar endast när det finns `secondField`.

    minDate

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

    Det lägsta/åldrigaste datum som kan väljas. Valfritt format: moment() eller “2018-06-01” eller 1527811200000, new Date()

    maxDate

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

    Det högsta/senaste datum som kan väljas. Valfritt format: moment() eller “2018-06-01” eller 1527811200000, new Date()

    disableDates

    • Type: Array
    • Default: Array
    • Default: null

    Array of disabled dates. Arraket kan innehålla intervall, med samma format som i alternativen minDate, maxDate.
    Ex.: ]

    selectForward

    • Typ: Boolean
    • Default: false

    Välj andra datumet efter det första valda datumet.

    selectBackward

    • Typ: Boolean
    • Default: false

    Välj det andra datumet före det första valda datumet.

    minDays

    • Typ: Number
    • Default: null

    De minsta dagarna i det valda intervallet.

    maxDays

    • Typ: Number
    • Default: null

    De högsta dagarna i det valda intervallet.

    hoveringTooltip

    • Typ: Boolean
    • Default: true

    Visa tooltip.

    footer

    • Typ: Boolean|String
    • Default: false

    Fotkalender, om den är inställd på `true` kommer den att använda standardfoten (återställnings-/tillämpningsknapparna) eller anpassad sträng (html).

    disabledDatesInRange

    • Type:

      disabledDatesInRange

      • Type: Boolean
      • Default: true

      Om den är inställd på “false” återställs det valda intervallet när inaktiverade datum finns i det valda intervallet.

      tooltipNights

      • Type:

        tooltipNights

        • Typ: Boolean
        • Default: false

        Beräkna datumintervall i nätter. (För hotell när sista datumet inte ingår i intervallet)

        orientation

        • Type: String
        • Default: auto

        En sträng separerad från mellanslag som består av en eller två av “left” eller “right”, “top” eller “bottom” och “auto” (kan utelämnas); till exempel “top left”, “bottom” (horisontell orientering kommer att vara standard till “auto”), “right” (vertikal orientering kommer att vara standard till “auto”), “auto top”.

        disableWeekends

        • Typ: Boolean
        • Default: false

        Disable Saturday and Sunday.

        inline

        • Type: Boolean
        • Default: false

        Visa kalender inline. Om true och parentEl inte anges används parentNode i fältet.

        dropdowns

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

        Dropdown-val för år, månader. Kan vara false för att inaktivera båda rullgardinsalternativen.
        years (Object|Boolean) – Objektet måste innehålla min och max årtal eller kan vara false för att inaktivera rullgardinsmenyn för årtal.
        months (Boolean) – true/false för att aktivera/avaktivera rullgardinsmenyn för månader.

        locale

        • Typ: 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 – Text för knappar

        tooltip – Text för verktygstips (en, några, många, annat)

        tooltipOnDisabled (Sträng) – Visa text för verktygstips på inaktiverade datum. (t.ex. “Redan bokad”)

        pluralize (funktion) – Funktion för beräkning av pluraltext. Fler exempel för andra språk på betsol/numerous

        onSelect

        • Type: Function
        • Standard: Function
        • Standard: null

        Callback-funktion för när ett datum väljs.

        onOpen

        • Typ: Function
        • Default: null

        Callback-funktion för när plockaren blir synlig.

        onClose

        • Type: Function
        • Default: null

        Callback-funktion för när plockaren är dold.

Lämna ett svar

Din e-postadress kommer inte publiceras.