2017-01-11 8 views
0

jquery-UIに基づくカレンダーコントロールのバインドに問題があります。 KnockoutとREST APIを使用して日付の値を取得していますが、入力テキストボックスに正しく入力されていますが、カレンダーには日付が設定された正しいバインディングが反映されていませんか?カレンダーの正しい日付を反映するために必要なこと。JQuery-UIのカレンダーコントロールのバインドに関する問題が発生しました。

<div class="form-group"> 
    <label for="LaunchDate">Launch Date</label> 
<div class="input-group"     
<input type="text" data-bind="value: Launch_Date" class="date-picker form-control input-sm" id="LaunchDate"/> 
<label for="LaunchDate" class="input-group-addon btn"><span class="glyphicon glyphicon-calendar"></span> </label> 
</div> 
</div> 

ノックアウトJSコード:
self.Launch_Date = ko.observable(moment.utc(data.d.Launch_Date).format( "YYYY-MMM-DD"))。

DatePickerコードJQuery UIとブートストラップ:
$( "。date-picker")。datepicker();

+0

ノックアウトカスタムバインドの使用を検討してください –

+0

はい、私は以下のカスタムKOバインダーを使用しようとしましたが、それは私のために動作しませんでした – user5579208

+0

http://stackoverflow.com/questions/29283815/knockout-datetime-picker-default-date-not-バインディング – user5579208

答えて

0

dateFormatオプションを使用します。ピッカーが使用するように設定されている形式は、でそれを初期化

$(".date-picker").datepicker({ dateFormat: "yy-mm-dd" }); 

EDIT:Fiddle

+0

ありがとうございました。これで私の問題は解決しました。これは、dateFormatオプションで完全に正常に動作します。誰も私にJQuery UI DatepickerのカスタムKOバインダーを使用するように求めていました。それをいつ使用するのか分かりませんか? – user5579208

-1

私は、あなたがdata.d.Launch_Dateから値を得ていると仮定します。ある時間、jsonのREST APIはバックスラッシュで日付値を返し、解析する必要があります。 var dt = new Date(parseInt(data.d .LaunchDate)、MMMを使用する代わりにこの形式の 'MM/DD/YYYY'を試すことができます

関連する問題