私は最も奇妙な問題を抱えており、困惑しています。
サイトで日付ピッカーとして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>
<img src='/ui/images/icons/arrow-left.svg'></span>
視覚的な説明を好む方のために、私も写真を掲載しました。
jQuery append()コマンドをチェックして再チェックしました。htmlString引数を正しく処理する必要があります。私の唯一の考えは、flatpickrライブラリにテキストのみを含めることができるものがあるということです。私は、flatpickrを使用している他の人たちから最善の助けが得られると思います。
回答 1 件
関連記事
- ループを使用してリストを辞書に追加する方法
- Pythonは複数の要素を追加します
- jsを使用して動的要素カウンターを作成できません
- v-forは、一意のキーを使用しているにもかかわらず、配列スプライスを使用すると間違った要素を削除します
- 範囲を使用してnumpy配列内のリスト要素のインデックスを見つける方法
- 要素関数が外部jsを使用して実行に失敗する
- display:noneまたはvisibility:hiddenを使用せずに要素を非表示にする
- 正規表現を使用してリスト内のデータフレームの要素名を変更する
- jqueryクリック関数を使用するときに他の要素がデフォルトにリセットされるのを修正する方法
- puppeteerでx/y座標を使用して要素をクリックする方法は?
うまくいきました! 次のように、インスタンスプロパティをjQueryセレクターとしてラップする必要がありました。