여러 캘린더가 표시되거나 값이 올바르게 표시되지 않음

Question

나는 jQuery Mobile Framework을 사용하고 Experimental Date Picker을 추가했지만 두 가지 결과가 발생합니다. 페이지의 지침에 따라, 지금까지 내가 가진 것입니다.

코드 노력 # 1 : (내가 좋아하는 것처럼)

$(document).ready(function() {   
    $('.hasDatepicker').hide(); 

    $('#date-of-birth').each(function() {  
     $(this).focus(function() { 
      $(this).next().show('fast'); 
     }); 

     $(this).blur(function() {    
      $(this).next().hide('fast'); 
     }); 
    }); 
}); 

지금이 하나의 달력을 표시하지만 날짜 선택 날짜 선택 날짜 같은 (가 오늘 날짜입니다)가 아니라 유지됩니다.

코드 노력 # 2 :

$(function() { 
    $('.hasDatepicker').hide(); 

    $('#date-of-birth').focus(function() { 
     $('.hasDatepicker').show('fast'); 
    }); 

    $('#date-of-birth').blur(function() { 
     $('.hasDatepicker').hide('fast'); 
    }); 
}); 

이제이 쇼 여러 일정 (5 정확히하기 위해) 서로 위에 쌓인 내가 날짜를 선택하면 또한 예상대로 작동합니다. 하지만 한 달력 만 표시하면됩니다.

두 가지 코드를 결합하여 원하는 결과를 얻으 려하지만 아무 것도 실제로 작동하지 않는 것 같습니다. 여기

는

<div data-role="fieldcontain"> 
    <label for="date-of-birth">Date of Birth</label> 
    <input type="date" name="date-of-birth" id="date-of-birth" />     
</div> 

type="date" 당신이 날짜 선택

모든 팁을 호출하는 방법 인 HTML을 무엇입니까? 일부 빛

• Link 1
• Link 2

UPDATE 흘릴 수

다른 스택 관련 링크 :

음이 여전히 문제가 될 수 있지만 수있는 해결책을 발견하지 않았습니다.

나는 그것을 추가 날짜 선택기를 만들어 각 페이지에 대한 jQueryMobile의 Multi-page layout 옵션을 사용하지만 그들이 서로 스택 표시하고 기능이 나는 일이있어 제대로

Answer 1

작동하지 않습니다. 나는이 질문을했다 : jQuery Mobile -> Override jQuery UI Datepicker -> Layout broken

그것은 실험적이지만 효과가있다. 당신은 사용하지 말아야이

$('.hasDatepicker').show('fast'); 

당신은 id 독특하고 다음 쓰기 하나 개의 사이트에서 각 날짜 선택기에 대한 추가해야

:.

$ ('#의 UNIQUEID') 쇼 ('빨리');

datepicker의 자바 스크립트 파일 안에 ID를 추가합니다.