2016-08-22 16 views
0

こんにちは私の剣道のデートピッカーは2ヶ月表示していますが、日付ピッカーの月を変更しています。スクリーンショットをご覧ください。私は以下の解決策を見つけたKendo datepicker shows two months during animation。運がない。誰もこの問題に助けてもらえますか?剣道デートピッカー月を変えて2ヶ月を表示

enter image description here

マイコード:

@(Html.Kendo().DatePicker().Name("datepicker").Max(DateTime.Today).Events(e => { e.Change("SearchonClick"); }).HtmlAttributes(new { style = "width: 100%", @placeholder = "dd/mm/yyyy", onkeydown = "javascript:return false;" })) 
+0

ウィジェット初期化のhtmlとjavascriptコードを追加してください。おそらくあなたはそれを正しく初期化していないでしょう。 @(Html.Kendo()日付ピッカー() .nameの( "日付ピッカー") .MAX(DateTime.Today) .Events(E => { e.Change( "SearchonClick": – DontVoteMeDown

+0

コードを参照してください。 ); } – vel

+0

クロムパーフェクトで機能しています(新しいスタイル= "幅:100%"、@ placeholder = "dd/mm/yyyy"、onkeydown = "javascript:return false;"}) )しかし、他のブラウザが正しく動作していない – vel

答えて

0

観測問題を確実にポップアップカレンダーのtable要素に次のスタイルのいずれかを強制するCSSコードによって引き起こされる:

/* any other selector that influences Kendo UI Calendar tables */ 

table { 
    width: 100%; 
    /* or */ 
    float: none; 
} 

剣道UIカレンダーが適用され、以下のスタイルが必要です:

.k-calendar .k-content { 
    width: 100%; 
    float: left; 
} 

100%幅スタイルは、計算されたインラインピクセル幅スタイルで上書きされます。

したがって、2つのスタイルのいずれかが剣道以外のUIスタイルで上書きされると、カレンダーのナビゲーションが壊れます。セレクタを確認して変更して、剣道のUIカレンダーテーブルをターゲットにしないようにしてください。

0

は最終的に私は

bootstrap.cssは、DatePickerのテーブルに影響を与えるの答えを見つけました。以下のCSSを正確なソリューションです。

#datepickerid_dateview table.k-content 
     { 
      border-collapse: inherit; 
     } 
関連する問題