2012-03-16 23 views
16

iOSの日付/時刻のピッカーを利用できるようにHTML5の入力日付コンポーネントを作成しようとしていて、jqueryを使用しています。iOSの<input type = date>に値の変更イベントを登録する方法

var $inputDate = $("<input></input>"); 
    $inputDate.attr("type", "date"); 
    $inputDate.attr("value", "2004-05-03"); 
    $inputDate.change(function(event) 
    { 
    console.log("value changed"); 
    }); 

コードはネイティブアプリでWebKitのコンポーネント内で実行されている:私は、コンポーネントを生成するには、次のコードを持っています。入力コントロールが正常に表示され、ピッカーを使用して値を変更できます。ただし、値を変更してピッカーを閉じると、変更機能は起動されません。 Chromeのウェブページでこれを実行すると、問題は正常に機能します。 iOSでこの作業を行うにはどうすればよいですか?

+0

変更イベントが発生していないとのメッセージが表示された他のユーザーは、代わりに次のようなキットを使用するように提案されていました。http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch –

+0

提案していただきありがとうございますが、そのキットを使用しても、当社製品が必要とするロケールサポートは提供されません。 –

答えて

23

onblur関数は、日付/時刻ピッカーが閉じられたときに呼び出されます。だから、これはありません作品:(Android上とChrome)クロームの新しいバージョンで

var $inputDate = $("<input></input>"); 
$inputDate.attr("type", "date"); 
$inputDate.attr("value", "2004-05-03"); 
$inputDate.blur(function(event) 
{ 
    console.log("value changed"); 
}); 

  • 日付がのonblurイベントがしたときに呼び出されていない
  • 選択された場合のonchangeイベントが呼び出されますコントロールがキーボードフォーカスを失うとドロップダウンが終了する

プレーンJavaScriptを使用して生成されるイベントを示す例です:http://jsbin.com/iximuy/4

+0

男私はこの1つの上に私の髪を引き裂いていた、私を助けてくれてありがとう! – kand

関連する問題