Jquery Mobile Datepicker, 날짜 선택 및 이벤트 표시

활동 및 반복 빈도 (월, 화 등)가있는 테이블이 있습니다. 내가 가지고있는 모바일 웹 페이지에 오늘 세부 정보가 표시됩니다. 페이지의 navbar에 datepicker 버튼을 추가하고 싶습니다.Jquery Mobile Datepicker, 날짜 선택 및 이벤트 표시

다음 코드는 '오늘'나는 사용자의 선택에 현재 날짜를 설정하는 날짜 선택기를 사용하고 싶습니다

//todays date 
$current_day = date('N'); 

echo "<ul data-role='listview' data-inset='true'>"; 
while($row = mysqli_fetch_array($result)) 
{ 
    //if the event is on today then print the details 
    if(strpos($row['Day'], $current_day) !== false){ 
     echo "<li>"; 

     echo "<h1>".$row['Start']." - ".$row['End']."</h1>"; 
     echo "<h2>".$row['Class']."</h2>"; 
     echo "<h2>".$row['Instructor']."</h2>"; 

     echo "</li>"; 
    } 
} 
echo "</ul>";

에 대한 정보를 가져옵니다. Jquery Mobile Date Box를 사용하려고했지만 그 방법으로 날짜를 사용하는 방법을 알 수 없습니다.

가 type="date"과 input를 만들고 원하는대로 모드를 설정합니다 (Using the CalBox)

출처

2014-02-19 donlonc

당신은 다음과 같이 JQM의 datebox를 사용할 수 있습니다. 사용자가 설정 한 즉시 새 날짜에 응답하려면 closeCallback에 대한 콜백을 추가 할 수 있습니다.

<input name="Date1" id="Date1" type="date" data-role="datebox" data-options='{"mode": "calbox", "closeCallback": "onClose" }' /> 

function onClose(){ 
    alert($('#Date1').datebox('getTheDate').getDay()); 
}

또한 단지 버튼을 클릭하면 말을 나중에 날짜를 얻을 수 있습니다 :

$('#btndatebox').on('click', function() { 
    var currDate = $('#Date1').datebox('getTheDate').getDay(); 
    alert(currDate); 
});

getDay()가 날짜 객체에서 요일을 얻기를위한 자바 스크립트 기능입니다. 여기

이이 일을 할 것 같다 DEMO

출처

2014-02-19 17:58:52 ezanker

입니다. 날짜 표시 줄없이 가져올 수있는 방법이 있습니까? 캘린더 버튼일까요? 또한 버튼 클릭으로 내일 어제 얻을? 질문에 대한 추가는 죄송합니다. 이것은 내 원래의 질문에 완벽하게 대답합니다. 고맙습니다. – donlonc

@donlonc, 여기 있습니다 : http://jsfiddle.net/ezanker/tx7k6/3/ – ezanker

정말 큰 도움이되었습니다! getDay()에서 생성 된 값을 가져 와서 PHP 변수에 전달할 수 있습니까? – donlonc

Jquery Mobile Datepicker, 날짜 선택 및 이벤트 표시

답변

관련 문제