Chromeと互換性のない剣道UIの日付ピッカー56

Question

Chromeを最新バージョンの56.0.2924.76（64ビット）にアップデートした後、剣道の日付ピッカーが正しく機能しなくなりました。

ViewModelsを使用してすべての日付ピッカーがバインドされましたが、現在は値が表示されません。私たちがそれらを調べると、値が設定されているのがわかりますが、表示されていません。例えば

：我々はノックアウトですべてdatepickers作業をプロパティ値をバインドすると

<input class="k-input masked-date" id="ClosingStartDate" name="DateFrom" placeholder="enter date from" type="text" value="12/21/2016" data-role="datepicker" readonly="" disabled="disabled" maxlength="20" style="width: 100%;"> 

But it's show like this

：私はChromeのデベロッパーツールを使用して、この要素を検査した場合

@(Html.Kendo().DatePicker() 
        .Name("DateFrom") 
        .Start(CalendarView.Month) 
        .Depth(CalendarView.Month) 
        .Format("MM/dd/yyyy") 
        .HtmlAttributes(new { @id = "ClosingStartDate", @placeholder = "enter date from", @class = "masked-date" })) 

私はこの結果を持っています良い。

当社の剣道のバージョンは次のとおりです。剣道UIコンプリートv2012.2.913

それをバインドする別の方法はありますか？ Chrome v.56では何を変更する必要がありますか？

Answer 1

現在、DatePickerラッパーは、INPUT要素タイプ「date」をレンダリングします。 Kendo DatePickerがクライアントで初期化されると、入力のタイプが「text」に変更されます。したがって、 "日付"入力のネイティブレンダリングを避けることができます。 JavaScriptが無効になっている場合、剣道のDatePickerは初期化されず、入力はネイティブのものとして使用できます。

残念ながら、「日付」タイプ（特にChrome）をネイティブサポートしている一部のブラウザは、設定値を検証し、正しいフォーマット（[RFC 3339]で定義されている有効な完全日付）でない場合、無視されます。今のあなたは永久に「テキスト」へのタイプ入力を変更し、ネイティブの入力に関連するすべての問題を避けることができます。

@(Html.Kendo().DatePicker() 
.Name("datepicker") 
.Value("10/10/2011") 
.HtmlAttributes(new { type = "text" })) 

私は剣道UIフォーラムでの提案に基づいて属性type="text"を追加し、それがために働きます私。

はここのリンクです：http://www.telerik.com/forums/date-field-not-rendering-correct-in-browsers-that-support-html-5

Answer 2

私はできる日付ピッカー（）にフォーマットを追加することによってこの問題を解決するために、私の作品、この

@(Html.Kendo().DatePicker() 
.Name("dateReturn") 
.Format("yyyy-MM-dd") 
.Value(DateTime.Today) 
.Min(DateTime.Today) 
............... 
)