問題タブ [kendo-datepicker]

次のように剣道デートピッカーをしています

日付ピッカーのテキストのいずれかをマウスでクリックすると、以下のように値が黄色でホバーします。ここで、「Tab」ボタンをクリックすると、ポインタは問題なく次のフィールドに移動します。

ここで、上記の剣道日付ピッカー テキストをマウスでダブルクリックすると、以下に示すように値がホバーされる代わりに、カーソルが点滅し始めます。ここで、「タブ」ボタンをクリックすると、カーソルが次のフィールドに移動せず、「タブ」をクリックすると日付の値が変更されます。この種の奇妙な動作は、Firefox でのみ発生し、他のすべてのブラウザーでは問題なく正常に動作します。

たくさん検索し、まだ解決策を探しています。これについて私を助けてください。

「2014-08-22T07:45:13.12Z」のような日付 (以下に示す値パラメーター) を SQL から取得します。グリッドに「08/22/2014」と表示されるようにフォーマットしたいと思います。データソースのスキーマでこれを試しました：

ただし、parseDate で dt の null 値を取得します。私は何を間違っていますか？

データ型が Date の場合、剣道グリッドは列のドロップダウン カレンダー付きの剣道日付ピッカーを使用します。

日付ピッカーのドロップダウン カレンダーは、通常、入力ボックスの左端と同じ高さに揃えられます。その余地がない場合は、左に移動しますが、十分ではありません。これは、グリッドの右端の列が日付で、グリッドが画面で使用可能な幅の 100% を占有している場合に問題を引き起こします: ドロップダウン カレンダーの土曜日の列が「切り取られ」ます。添付の写真を参照してください。

(特定の列の) カレンダーのドロップダウンに、テキスト入力の右端に揃えるように指示することはできますか?

剣道ウィンドウ内に表示している剣道デートピッカーがあり、次のように表示されます。

Datepicker は、通常よりも大きなフォントとサイズで、何らかの形で肥大化しています。剣道ウィンドウの外では、日付ピッカーは正常に表示されます。さて、フォントのサイズを小さくすると日付ピッカーも小さくなると仮定して、日付ピッカーまたはその中のフォントのサイズを変更できるかどうか疑問に思っていました。

これをCSSに追加しようとしました：

そして、結果は奇妙でした：

月の名前だけが縮小され、数字が大きいままだったため、部分的にしか機能しませんでした...

主な問題は、datepicker を開くと、剣道ウィンドウのサイズからオーバーフローすることです。datepicker を縮小して収まるようにするソリューションを探していました。

編集

k-calendarクラスを追加しようとしました：

しかし、結果はこれでした：

上の画像では、入力のサイズと月の名前が実際に縮小されていることがわかりますが、カレンダー自体は肥大化したままです。

編集2

ウィンドウが iFrame として定義されている場合、通常の Web ページとして iFrame として内部の結果が異なる可能性があることを知りました。これをウィンドウに挿入された部分ビューに追加したところ、結果は次のようになりました。

そのため、カレンダーが肥大化することはなくなりましたが、依然としてウィンドウの高さからはみ出し、スクロール バーが表示されます。カレンダーの下部にアクセスするには、スクロールを使用する必要があります。前に述べたように、スクロール バーを作成せずに、OnaBai の回答に示すように、カレンダーをウィンドウの外にオーバーフローさせたいと考えています。

また、ドキュメントで見つけた

Refreshes the content of a Window from a remote URL or the initially defined content template. Note that passing data and non-GET requests cannot be sent to an iframe, as they require a form with a target attribute.

2 番目の文をどのように解釈すればよいかわかりませんが、この問題に対処するのに役立つかもしれません。