jQueryの日付ピッカーが元のテキストの値を表示しない

Question

私のフォームのフィールド - 生年月日のいずれかにjQueryの日付ピッカーを使用しています。

フィールドはPHPを使用して生成され、ユーザーの元の生年月日が入力されます。フィールドをクリックするとウィジェットが表示されますが、これは完全にうまくいきます。

ただし、ブラウザのソースコードに表示されていても、テキストボックスには元の値は表示されません。私はGoogle Chromeを使用しています。

以下は、jQueryのコードである：

$(function() 
{ 
    $("#DatePicker").attr("readonly","readonly"); 

    $("#DatePicker").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     yearRange: "1950:+10" 
    }); 

    $("#DatePicker").datepicker("option","dateFormat","dd MM yy"); 
}); 

これはPHPコードである：

echo "<INPUT TYPE=\"TEXT\" NAME=\"$FieldName\" VALUE=\"$OriginalData\" ID=\"DatePicker\" CLASS=\"FullLength\">"; 

そして以下は、（ソースコードからコピーされた）HTMLコードである：

<INPUT TYPE="TEXT" NAME="DateOfBirth" VALUE="18 August 2012" ID="DatePicker" CLASS="FullLength"> 

どうか私に教えてください。ありがとうございました。

Answer 1

にテキストボックスのテキストの可視性を設定するためのオプションが彼らであるPHPに関するけどasp.netでわからないようにしてください可能な場合は、次のようにFirefoxとChromeでworked for meをオプションを追加すること

が

$("#DatePicker").datepicker("option","dateFormat","dd MM yy"); 

試してみてください：

$("#DatePicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "dd MM yy" 
}); 

Answer 2

、その場合は、ブラウザの互換性の問題をチェックするためにFirefoxなどの別のブラウザを使用して、私はなぜわからない真

Answer 3

が、このラインは、値をクリアしています入力値を直接設定するのではなく、setDateを使用する必要があります。

$("#birthday").datepicker() 
.datepicker("option", "dateFormat", 'dd.mm.yy') 
.datepicker('setDate', '<?= $humanoid->getBirthday()->format('d.m.Y') ?>'); 

Answer 4

ニックの答えに基づいて、これは私は受け入れ答えは半分しか問題を解決し、それは「すべてのjavascript」

$(".popup-date").each(function(){ 
    var ele = $(this); 
    var v = ele.val(); 
    ele.datepicker().datepicker("option", "dateFormat", "dd-M-yy").datepicker("setDate", v); 
    }); 

で動作するようになった方法です。値は表示されますが、日付ピッカーによって選択された後の日付の形式は間違っています。

私の例では、最終的に動作するコードをコピーしたときとは異なる日付形式（例：2014年1月9日）を使用しています。私はまた、要素と価値を得ることにそれを分解しなければならなかった。