Lightpick Javascript date range picker – lightweight, no jQuery

# 設定

field

  • Type: Element
  • Default: null

datepicker をフォーム フィールドにバインドする

secondField

  • Type.Datepicker をフォーム フィールドにバインドする secondField
  • Datepicker をフォーム フィールドにバインドする。 Element
  • Default: null

もし存在すれば、日付範囲の終わりはここに設定されます。

firstDay

  • Type: Number
  • 初期値。 1

ISO 曜日(1:月曜日、…、7:日曜日).

parentEl

  • Type: String
  • デフォルト。 body

日付範囲選択ツールが追加される親要素のセレクタ、提供されない場合、これは ‘body’ になる

lang

  • Type: String
  • デフォルト。 auto

Date.prototype.toLocaleString() による、日、月の名前の言語コードです。 auto’ は、ユーザー ブラウザの言語を検出しようとします。 String

  • 初期値です。 DD/MM/YYYY
  • デフォルトの出力形式です。

    separator

    • Typeを指定します。 String
    • Default: -

    Separator between dates when one field.

    numberOfMonths

    • Type: Number
    • デフォルト。 1

    目に見える月の数.

    numberOfColumns

    • タイプ: Number
    • 初期値。 2

    列月数。

    singleDate

    • Type:。 Boolean
    • 初期値。 true

    日付範囲ではなく、単一の日付を選択します。

    autoclose

  • Type: Boolean
  • デフォルト。 true
  • 選択した日付/範囲でカレンダーを閉じる

    hideOnBodyClick

    • Type.C hideOnBodyClick hideOnBodyClick
    • Default.C Boolean
    • デフォルト。 true

    fieldまたはparentElで指定された要素以外でクリックされた場合、カレンダーを閉じます。 autoclosefalse に設定されているときに使用することをお勧めします。

    repick

    • Type: Boolean
    • 初期値。 false

    新しい範囲ではなく、開始/終了をレピックするようにしました。 このオプションは `secondField` が存在するときのみ動作します。

    minDate

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

    選択可能な最小/最早の日付。 任意のフォーマット: moment() または ‘2018-06-01’ または 1527811200000, new Date()

    maxDate

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

    選択可能な最大/最小の日付です。 任意のフォーマット: moment() または ‘2018-06-01’ または 1527811200000, new Date()

    disableDates

    • Type: Array
    • Default: null

    無効にされた日付の配列。 配列は範囲を含むことができ、minDate, maxDateオプションと同じフォーマットが許可されます。
    例: ]

    selectForward

    • Type: Boolean
    • 初期値。 false

    最初に選択した日付の後に2番目の日付を選択します。

    selectBackward

    • Type。 Boolean
    • デフォルト。 false

    最初に選択した日付より前の2番目の日付を選択します。

    minDays

    • Type。 Number
    • デフォルト。 null

    選択した範囲の最小日数

    maxDays

    • Type.の値。 Number
    • デフォルト。 null

    選択した範囲の最大日数

    hoveringTooltip

    • Type: Boolean
    • 初期値。 true

    Show tooltip.

    footer

    • Type: Boolean|String
    • デフォルト。 false

    フッター カレンダー。`true` に設定すると、デフォルトのフッター (リセット/適用ボタン) またはカスタム文字列 (html) が使用されます。 Boolean

  • デフォルト。 true
  • 「false」に設定すると、選択した範囲に無効な日付が存在する場合、選択した範囲をリセットします。 Boolean

  • Default: false
  • 日付の範囲を泊数で計算します。 (最終日が範囲に含まれないホテルの場合)

    orientation

    • Type: String
    • Default: auto

    “left” または “right”, “top” または “bottom”, “auto” (省略可能) のうちの1つまたは2つからなるスペース区切りの文字列。例えば “top left”, “bottom” (水平方向は “auto” がデフォルト), “right” (垂直方向は “auto” がデフォルト), “auto top” などです。

    disableWeekends

    • Type: Boolean
    • Default: false

    Disable Saturday and Sunday.

    inline

    • Type.C disableWeekends
        D Disable Saturday and Sunday.Disable Saturday and Sunday: Boolean
    • Default: false

    Show calendar inline. trueparentEl が提供されていない場合、フィールドの parentNode を使用します。

    dropdowns

    • Type: Object|Boolean
    • デフォルト。
      {
      years: {
      min: 1900,
      max: null,
      },
      months: true,
      }

    年、月をドロップダウンで選択します。 false を指定すると、両方のドロップダウンを無効にできます。
    years (オブジェクト|ブール値) – オブジェクトには、min および max 年間の範囲が含まれていなければなりません。
    months (ブール値) – true/falseで月のドロップダウンを有効または無効にします。

    locale

    • Type: Object
    • 初期値。
      {
      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 – ボタン用のテキスト

    tooltip – ツールチップ用のテキスト (one, few, many, other)

    tooltipOnDisabled (String) – ツールチップ テキストを無効な日付に表示します。 (例: “すでに予約済み”)

    pluralize (function) – 複数テキストを計算するための関数です。 他のロケールの例は betsol/numerous

    onSelect

    • Type にあります。 Function
    • Default: null

    日付が選択されたときのコールバック関数

    onOpen

    • Type.Default.Default.Type.Type.Type.Type.Type.Type.Type.Type。 Function
    • Default: null

    ピッカーが可視状態になったときのコールバック関数です。 Function

  • Default: null
  • ピッカーが非表示になったときのコールバック関数

    コメントを残す

    メールアドレスが公開されることはありません。