Lightpick Javascript-päivämääränvalitsin – kevyt, ei jQueryä

# Konfiguraatio

field

  • Type: Element
  • Default: null

Sido päivämääräpainike lomakekenttään

secondField

  • Type: Element
  • Default: null

Jos on olemassa niin päivämäärävälin loppu asetetaan tähän.

firstDay

  • Type: Number
  • Default: 1

ISO viikonpäivä (1: maanantai, …, 7: sunnuntai).

parentEl

  • Type: String
  • Default: body

Selektori vanhemmalle elementille, johon päivämäärävälivalitsin lisätään, jos sitä ei ole annettu, tämä on ‘body’.

lang

  • Type: String
  • Default: auto

Kielikoodi päivien, kuukausien nimille Date.prototype.toLocaleString() avulla. ‘auto’ yrittää tunnistaa käyttäjän selaimen kielen.

format

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

Oletustulostusmuoto.

separator

  • Type: String
  • Default: -

Päivämäärien välinen erotin, kun yksi kenttä.

numberOfMonths

  • Type: Number
  • Default: 1

Näkyvien kuukausien lukumäärä.

numberOfColumns

  • Type: Number
  • Default: 2

Pylväiden kuukausien lukumäärä.

singleDate

  • Type: Boolean
  • Default: true

Valitsee yksittäisen päivämäärän päivämäärävälin sijaan.

autoclose

  • Type: Boolean
  • Default: true

Sulje kalenteri, kun valittu päivämäärä/alue.

hideOnBodyClick

  • Type: Boolean
  • Default: true

Sulkee kalenterin, kun sitä napsautetaan kohdassa field tai parentEl määritettyjen elementtien ulkopuolella. Suositellaan käytettäväksi, kun autoclose:n arvoksi on asetettu false.

repick

  • Tyyppi: Boolean
  • Default: false

Poimi alku/loppu uuden alueen sijasta. Tämä vaihtoehto toimii vain, jos `secondField` on olemassa.

minDate

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

Pienin/aikaisin valittavissa oleva päivämäärä. Mikä tahansa muoto: moment() tai ‘2018-06-01’ tai 1527811200000, new Date()

maxDate

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

Suurin/viimeisin päivämäärä, joka voidaan valita. Mikä tahansa muoto: moment() tai ‘2018-06-01’ tai 1527811200000, new Date()

disableDates

  • Type: Array
  • Default: null

Array of disabled dates. Array voi sisältää alueita, sallittu sama muoto kuin vaihtoehdoissa minDate, maxDate.
Esim.: ]

selectForward

  • Type: Boolean
  • Default: false

Valitse toinen päivämäärä ensimmäisen valitun päivämäärän jälkeen.

selectBackward

  • Type: Boolean
  • Default: false

Valitse toinen päivämäärä ennen ensimmäistä valittua päivämäärää.

minDays

  • Type: Number
  • Default: null

Valitun alueen minimipäivät.

maxDays

  • Type: Number
  • Default: null

Valitun alueen maksimipäivät.

hoveringTooltip

  • Type: Boolean
  • Default: true

Näytä työkaluvihje.

footer

  • Type: Boolean|String
  • Default: false

Footer-kalenteri, jos asetettu `true` käyttää oletusarvoista footeria (Reset/Apply-painikkeet) tai mukautettua merkkijonoa (html).

disabledDatesInRange

  • Type: Boolean
  • Default:

    tooltipNights

    • Type: Boolean
    • Default: false

    Lasketaan päivämääräväli öinä. (Hotelleille, kun viimeinen päivämäärä ei sisälly alueeseen)

    orientation

    • Type: String
    • Default: auto

    Välilyönnillä erotettu merkkijono, joka koostuu yhdestä tai kahdesta seuraavista: “vasen” tai “oikea”, “ylhäällä” tai “alhaalla” ja “auto” (voidaan jättää pois); esimerkiksi “ylhäällä vasemmalla”, “alhaalla” (vaakasuora suuntaus on oletusarvoisesti “auto”), “oikealla” (pystysuora suuntaus on oletusarvoisesti “auto”), “auto ylhäällä”.

    disableWeekends

    • Type: Boolean
    • Default: false

    Lauantai ja sunnuntai pois käytöstä.

    inline

    • Type: Boolean
    • Default: false

    Näytä kalenteri rivissä. Jos true ja parentEl ei ole annettu, käytetään parentNode kentän

    dropdowns

    • Type:
      {
      years: {
      min: 1900,
      max: null,
      },
      months: true,
      }

    Pudotusvalinnat vuosille, kuukausille. Voi olla false molempien pudotusvalintojen poistamiseksi käytöstä.
    years (Object|Boolean) – Objektin on sisällettävä min– ja max-vuosien vaihteluväli tai se voi olla false, jos haluat poistaa vuosien pudotusvalikon käytöstä.
    months (Boolean) – true/false kuukausien pudotusvalikon ottamiseksi käyttöön tai poistamiseksi käytöstä.

    locale

    • Type: 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 – Teksti painikkeille

    tooltip – Teksti työkaluvihjeelle (yksi, muutama, monta, muu)

    tooltipOnDisabled (merkkijono) – Näyttää työkaluvihjetekstin käytöstä poistetuista päivämääristä. (Esim. “Jo varattu”)

    pluralize (function) – Funktio monikkotekstin laskemista varten. Lisää esimerkkejä muita paikallisuuksia varten osoitteessa betsol/numerous

    onSelect

    • Type: Function
    • Default: null

    Callback-funktio, kun päivämäärä on valittu.

    onOpen

    • Type: Function
    • Default: null

    Callback-funktio, kun valitsin tulee näkyviin.

    onClose

    • Type: Function
    • Default: null

    Callback-funktio, kun poiminta on piilotettu.

Vastaa

Sähköpostiosoitettasi ei julkaista.