테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

select 박스로 시간을 입력받아 시간의 차이 계산하기 채택완료

임총
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 조회 3,745
답변 5
목록

php파일로 제작하였고 대여 시작 시간과 대여 종료 시간을 입력받아 대여시간을 자동으로 구하려고 하는데 가능할까요?

#php #시간 #html
댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
마

해당 페이지에서 바로 보여주려는 경우에는 javascript 로 처리해야 됩니다.

 

</p>

<p><tr>

  <td> 대여 시작 시간 </td>

  <td> 대여 종료 시간 </td>

  <td> 대여 시간 </td>

</tr>

<tr>

  <td>

      <select name="StartTime" id="StartTime">

      <option value="">시작 시간을 선택하세요</option>

      <option value="1">2021-05-26 09:00:00</option>

      <option value="2">2021-05-26 10:00:00</option>

      <option value="3">2021-05-26 11:00:00</option>

      <option value="4">2021-05-26 12:00:00</option>

      <option value="5">2021-05-26 13:00:00</option>

      </select>

  </td>

  <td>

      <select name="EndTime" id="EndTime">

      <option value="">종료 시간을 선택하세요</option>

      <option value="1">2021-05-26 18:00:00</option>

      <option value="2">2021-05-26 19:00:00</option>

      <option value="3">2021-05-26 20:00:00</option>

      <option value="4">2021-05-26 21:00:00</option>

      <option value="5">2021-05-26 22:00:00</option>

      </select>

  </td>

  <td>

  <span id="s_hour"></span>

  </td>

</tr></p>

<p><script>

$(function() { 

    $('#StartTime, #EndTime').on('change', function() {

        var d1 = $('#StartTime').val();

        var d2 = $('#EndTime').val();

        

        if (date1 == '' || date2 == '')

            return false;

        

      var date1 = new Date(d1);

      var date2 = new Date(d2);

      

      var difference = Math.abs(date2.getTime() - date1.getTime());

      var hourDifference = difference  / 1000 / 3600;

      

      $('#s_hour').html(hourDifference);

    });

});

</script></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

�
아하 감사합니다 ㅠㅠㅠ 혹시 13시에서 18시까지 빌렸으면 대여시간에 7이 나타나도록 하려면 var hourDifference = difference / 1000 / 3600 / 60; 으로 해야하나요??
�
대여시간에 7이 나타나도록 하려면 var hourDifference = difference / 1000 / 3600 이 맞습니다.

new Date() 부분을 조금 수정하였습니다. 2021-05-26 => 2021/05/26

[code]
<script>
$(function() {
$('#StartTime, #EndTime').on('change', function() {
var d1 = $('#StartTime').val();
var d2 = $('#EndTime').val();

if (date1 == '' || date2 == '')
return false;

var date1 = new Date(d1.replace(/-/g, '/'));
var date2 = new Date(d2.replace(/-/g, '/'));

var difference = Math.abs(date2.getTime() - date1.getTime());
var hourDifference = difference / 1000 / 3600;

$('#s_hour').html(hourDifference + '시간');
});
});
</script>
[/code]

댓글을 작성하려면 로그인이 필요합니다.

마 

</p>

<p><tr>

  <td> 대여 시작 시간 </td>

  <td> 대여 종료 시간 </td>

  <td> 대여 시간 </td>

</tr>

<tr>

  <td>

      <select name="StartTime" id="StartTime">

      <option value="">시작 시간을 선택하세요</option>

      <option value="1">2021-05-26 09:00:00</option>

      <option value="2">2021-05-26 10:00:00</option>

      <option value="3">2021-05-26 11:00:00</option>

      <option value="4">2021-05-26 12:00:00</option>

      <option value="5">2021-05-26 13:00:00</option>

      </select>

  </td>

  <td>

      <select name="EndTime" id="EndTime">

      <option value="">종료 시간을 선택하세요</option>

      <option value="1">2021-05-26 18:00:00</option>

      <option value="2">2021-05-26 19:00:00</option>

      <option value="3">2021-05-26 20:00:00</option>

      <option value="4">2021-05-26 21:00:00</option>

      <option value="5">2021-05-26 22:00:00</option>

      </select>

  </td>

  <td>  

  <input name="s_hour" id="s_hour" style="border:0">

  </td>

</tr>

<script>

$(function() { 

  $('#StartTime, #EndTime').on('change', function() {

        var d1 = $('#StartTime option:checked').text();

        var d2 = $('#EndTime option:checked').text();

        if (d1 == '' || d2 == '')

            return false;

        var date1 = new Date(d1);

        var date2 = new Date(d2);

        var difference = Math.abs(date2.getTime() - date1.getTime());

        var hourDifference = difference  / 1000 / 3600;

        $('#s_hour').val(hourDifference + '시간');

  });

});

</script>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

마 

</p>

<p><tr>

  <td> 대여 시작 시간 </td>

  <td> 대여 종료 시간 </td>

  <td> 대여 시간 </td>

</tr>

<tr>

  <td>

      <select name="StartTime" id="StartTime">

      <option value="">시작 시간을 선택하세요</option>

      <option value="1">2021-05-26 09:00:00</option>

      <option value="2">2021-05-26 10:00:00</option>

      <option value="3">2021-05-26 11:00:00</option>

      <option value="4">2021-05-26 12:00:00</option>

      <option value="5">2021-05-26 13:00:00</option>

      </select>

  </td>

  <td>

      <select name="EndTime" id="EndTime">

      <option value="">종료 시간을 선택하세요</option>

      <option value="1">2021-05-26 18:00:00</option>

      <option value="2">2021-05-26 19:00:00</option>

      <option value="3">2021-05-26 20:00:00</option>

      <option value="4">2021-05-26 21:00:00</option>

      <option value="5">2021-05-26 22:00:00</option>

      </select>

  </td>

  <td>

  <span id="s_hour"></span>

  </td>

</tr>

<script>

$(function() { 

  $('#StartTime, #EndTime').on('change', function() {

        var d1 = $('#StartTime option:checked').text();

        var d2 = $('#EndTime option:checked').text();</p>

<p>        if (d1 == '' || d2 == '')

            return false;</p>

<p>        var date1 = new Date(d1);

        var date2 = new Date(d2);</p>

<p>        var difference = Math.abs(date2.getTime() - date1.getTime());

        var hourDifference = difference  / 1000 / 3600;</p>

<p>        $('#s_hour').html(hourDifference + '시간');

  });

});

</script></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

임총

현재 이렇게 나타나고 있습니다 ㅜㅜ

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

�
var date1 = new Date(d1);
var date2 = new Date(d2);
->
var date1 = new Date(d1.replace(/-/g, '/'));
var date2 = new Date(d2.replace(/-/g, '/'));
�
지금 캡쳐본이 수정한 코드입니다. 계속 죄송합니다 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

마

$time1 = strtotime($t_start);

$time2 = strtotime($t_end);

$diff = $time2 - $time1 / 3600;

echo $diff . '시간';

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
[code]
<tr>
<td> 대여 시작 시간 </td>
<td> 대여 종료 시간 </td>
<td> 대여 시간 </td>
</tr>
<td>
<select name="StartTime" id="StartTime">
<option value="">시작 시간을 선택하세요</option>
<option value="1">2021-05-26 09:00:00</option>
<option value="2">2021-05-26 10:00:00</option>
<option value="3">2021-05-26 11:00:00</option>
<option value="4">2021-05-26 12:00:00</option>
<option value="5">2021-05-26 13:00:00</option>
</select>
</td>
<td>
<select name="EndTime" id="EndTime">
<option value="">종료 시간을 선택하세요</option>
<option value="1">2021-05-26 18:00:00</option>
<option value="2">2021-05-26 19:00:00</option>
<option value="3">2021-05-26 20:00:00</option>
<option value="4">2021-05-26 21:00:00</option>
<option value="5">2021-05-26 22:00:00</option>
</select>
</td>
<td>
<?php
$datetime1 = strtotime('StartTime');
$datetime2 = strtotime('EndTime');
$diff=$datetime2- $datetime1 / 3600;
echo $diff
?>
</td>
[/code]
혹시 이렇게 만들면 안되는건가요??

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

md

홍따삼
프로필 보기이 회원 글보기이 회원의 댓글보기
 3주 전 조회 123
그누보드5 라라곤 php 회원스킨 pg
답변대기

ssssssssssss

홍따삼
프로필 보기이 회원 글보기이 회원의 댓글보기
 3주 전 조회 33
그누보드5
답변대기

aaaaaaaaaaaaaaaaa

홍따삼
프로필 보기이 회원 글보기이 회원의 댓글보기
 3주 전 조회 24
그누보드5
답변대기

마크다운

홍따삼
프로필 보기이 회원 글보기이 회원의 댓글보기
 3주 전 조회 26
그누보드5
답변대기

11111111111

홍따삼
프로필 보기이 회원 글보기이 회원의 댓글보기
 3주 전 조회 20
그누보드5
답변대기

따삼이 질문ㅇ

홍따삼
프로필 보기이 회원 글보기이 회원의 댓글보기
 3주 전 조회 23
그누보드5
답변대기

md 형식이 잘 나오나?

홍따삼
프로필 보기이 회원 글보기이 회원의 댓글보기
 3주 전 조회 85
그누보드5
답변대기

안녕하세요. 첫 질문입니다. 하하하

지지이름
프로필 보기이 회원 글보기이 회원의 댓글보기
 3주 전 조회 40
그누보드5
답변대기

test1

tthisgun2
프로필 보기이 회원 글보기이 회원의 댓글보기
 1개월 전 조회 166
그누보드5
답변대기

test1

tthisgun2
프로필 보기이 회원 글보기이 회원의 댓글보기
 1개월 전 조회 87
그누보드5
채택

상품명 동일할 경우 등록 안되게

jjeal2j19azd1
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 386
그누보드5
답변대기

로컬에서 라라곤 설치후, 그누보드 및 테마 적용후 에러가 납니다.

크크림빵1
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 201
그누보드5 라라곤 php
답변대기

그누보드 에디트 에러

텔로미어73
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 100
그누보드5
답변대기

제로보드인지 제로보드XE인지 그누보드인지 확인해주세요

초초록물고기
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 130
그누보드5
답변대기

그누보드 iframe 연결 문제

텔로미어73
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 107
그누보드5
채택

자동등록방지 숫자가 틀렸습니다 라고 합니다

소소비
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 97 추천 1
회원스킨
채택

카드결제 수수료 낮출 수 있는 팁을 얻고 싶습니다.

라라이언허
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 82
pg
답변대기

최고 관리자 아이디비번이 없어요

제비네
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 116
그누보드5
답변대기

영카트 사용안하고 일반 홈페이지에서 PG 결제연동 방법

ccnplus114
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 86
영카트5 그누보드5 pg kg이니시스
답변대기

영카트 PG사 도메인 변경

ccnplus114
프로필 보기이 회원 글보기이 회원의 댓글보기
 2개월 전 조회 91
영카트5
채택
🐛 버그신고