bugfix> flatpickr > 投稿

私は最も奇妙な問題を抱えており、困惑しています。

サイトで日付ピッカーとしてflatpickrを使用していますが、このツールは非常にうまく機能しますが、ポップアップダイアログに追加の画像を追加したいと考えています。 「これができる!」と思っています。そして、私は行きます。

onOpen()フックを見つけ、それが私がやらなければならないことの完璧な関数であると知った。次に、ダイアログの正しい領域を参照するjQueryを作成してから、.append(htmlString)

ポップアップを生成するためのコードと構成オプションは次のとおりです。

   $dateRangeInputs.flatpickr({
    altInput: true,
    mode: 'range',
    onOpen: function(selectedDates, dateStr, instance) {
        instance.prevMonthNav.append("<img src='/ui/images/icons/arrow-left.svg'>");
    }
});

問題は、「htmlString」が完全にテキストとして扱われ、htmlの指示が無視されるため、ダイアログで次のHTMLが表示されることです。

<svg version="1.1" ...> ... </svg>
&lt;img src='/ui/images/icons/arrow-left.svg'&gt;</span>

視覚的な説明を好む方のために、私も写真を掲載しました。

jQuery append()コマンドをチェックして再チェックしました。htmlString引数を正しく処理する必要があります。私の唯一の考えは、flatpickrライブラリにテキストのみを含めることができるものがあるということです。私は、flatpickrを使用している他の人たちから最善の助けが得られると思います。