2016-10-07 18 views
0

私はphonegap/cordovaにアプリケーションを作成していますが、テキスト、日付の入力タイプのフォームを作成しました。 HTML上 のでPhonegap iOS 10の入力タイプ "date"が値を表示できません

<input placeholder="DOB" type="date" class="form-control profile-page-dob" > 

は、iOS 10前にサポートされましたが、私はiphoneの6Sを更新して、その後ネイティブ日付ピッカーは表示が、私は与えている値であり、私がチェックしたときに、「タイプ=日」(表示するが、値が存在していませんalert($(".profile-page-dob").val())、すなわち1996-05-01)。

誰かが何かを得た場合は教えてください。 ios10は、選択した日付が、プレースホルダの値は、DatePickerの値を処理するために& focusout機能とfocusIn、変更を使用してプレースホルダー属性にし、私だけ追加される値を働いている示しているので、私は、いくつかのトリッキーな方法をちょうど見つけた

おかげ

答えて

0

  $(".profile-page-dob").change(function(){ 
       // alert(1) 
       $(this).attr('type','date') 
       $(this).attr('placeholder',$(this).val()) 
       $(this).attr('value',$(this).val()) 
       $(this).val($(this).val()); 
       userDob = $(this).val();      
       // alert($(".profile-page").html()) 
      }) 

      $(".profile-page-dob").focusin(function(){ 
       $(this).attr('type','date') 
       $(this).attr('placeholder',$(this).val()) 
       $(this).attr('value',$(this).val()) 
       $(this).val($(this).val()) 
       userDob = $(this).val();    
      }) 


      $(".profile-page-dob").focusout(function(){ 
       $(this).attr('type','date') 
       $(this).attr('placeholder',$(this).val()) 
       $(this).attr('value',$(this).val()) 
       $(this).val($(this).val()) 
       userDob = $(this).val();     
      }) 
関連する問題