2016-10-31 2 views
0

입력 유형 = "시간"필드를 td에 나열된 시간으로 업데이트하려면 onClick을 사용하려고합니다. 나는 업데이트 입력 유형 = "시간"작동하지 않습니다

document.getElementById("modal-checkin").value = Check_In; 

내가 http://www.w3schools.com/jsref/prop_input_time_value.asp에 예를 발견, 사용하고 있지만 필드를 업데이트 아니에요. 누군가 내가 실종/잘못하고있는 것을 말해 줄 수 있습니까?

다음은 시간 변수를 전달하는 데 사용하는 관련 코드입니다. PHP를 사용하여 데이터베이스에서 시간을 가져온 다음 사용자가 팝업으로 선택하는 시간을 넣기 위해 javascript를 사용하려고합니다.

<?php 
$In = $row['CheckIn']->format('g:i'); 
print '<td data-toggle="modal" data-target="#myModal" onClick="TimeAdjustFunction(\' '.$In.' \')" >'; 
?> 

<div class="modal-table-Bottom"> 
    <div>Check In</div><div><input type="time" id="modal-checkin" /></div> 
</div> 

<script> 
function TimeAdjustFunction(In){ 
var Check_In = In; 
console.log(Check_In); 
document.getElementById("modal-checkin").value = Check_In; 
} 
</script> 

CONSOLE.LOG 보여줍니다 8시 45분 (* 내가 클릭 어떤 시간) 당신은 초를 추가해야

+1

무엇을 기대합니까? 페이지를 다시로드하지 않으므로 PHP 스크립트가 다시 실행되지 않습니다. 그래서 항상 같은 시간입니다. PHP에서 시간을 내야합니까? –

+0

PHP가 할 수있는 일과 Javascript가 할 수있는 일 사이의 경계를 모호하게합니다. PHP는 페이지가 처음로드 될 때만 실행됩니다. 원하는만큼 시간을 요청할 수 있으며, 항상 동일한 값이됩니다. 당신은) 라이브 업데이 트되고, 자바 스크립트로 시간을 가져 또는 B) 시간을 반환 PHP 스크립트에 AJAX 요청을해야합니다. – samiles

+0

시간은 데이터베이스에 저장되고 페이지의 php를 통해 목록에로드됩니다. 공백으로 시작하지만 사용자가 – Trekin

답변

0

발견 된 문제. 입력 유형 = 시간이 앞에 오는 0으로 시간을 예상합니다. 내가

사용되었다 -> 형식 ('G :')는

이 나는 ​​'시간'에 'g'를 변경하고 지금은 작동합니다.

-2

.

var Check_In = In + ':00'; 
+1

을 클릭 한 시간을 가져 오거나 입력해야하는 팝업 모달이 있습니다.이 질문에 대답하지 않습니다. 당신은 초를 가질 필요가 없습니다. –