span id값을 db에 저장이 가능한가요?
본문
<td>
<select name="StartTime" id="StartTime">
<option value="">시작 시간을 선택하세요</option>
<option value="2021-05-26 09:00:00">2021-05-26 09:00:00</option>
<option value="2021-05-26 10:00:00">2021-05-26 10:00:00</option>
<option value="2021-05-26 11:00:00">2021-05-26 11:00:00</option>
<option value="2021-05-26 12:00:00">2021-05-26 12:00:00</option>
<option value="2021-05-26 13:00:00">2021-05-26 13:00:00</option>
</select>
</td>
<td>
<select name="EndTime" id="EndTime">
<option value="">종료 시간을 선택하세요</option>
<option value="2021-05-26 18:00:00">2021-05-26 18:00:00</option>
<option value="2021-05-26 19:00:00">2021-05-26 19:00:00</option>
<option value="2021-05-26 20:00:00">2021-05-26 20:00:00</option>
<option value="2021-05-26 21:00:00">2021-05-26 21:00:00</option>
<option value="2021-05-26 22:00:00">2021-05-26 22:00:00</option>
</select>
</td>
<td>
<div id="s_hour" name="s_hour"></div>
</td>
</tr>
<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);
});
});
아래 함수로 종료시간 - 시작시간을 계산한 값을 span에 넣었는데 span 값을 db에 저장하려고 합니다.
저장할 수 있는 방법이 있을까요
답변 3
$('#s_hour').html(hourDifference);
이 이전에 ajax호출해서 hourDifference 변수로 넘기고 서버쪽 php에서 DB 처리하면 됩니다.
어떤식으로 하는건지 알려주실 수 있나요 ㅜ
/skin/board/basic/write.skin.php에
function fwrite_submit(f)
{
<?php echo $editor_js; // 에디터 사용시 자바스크립트에서 내용을 폼필드로 넣어주며 내용이 입력되었는지 검사함 ?>
var subject = "";
var content = "";
$.ajax({
url: g5_bbs_url+"/ajax.filter.php",
type: "POST",
data: {
"subject": f.wr_subject.value,
"content": f.wr_content.value
이 부분을 참고하시면 될 듯합니다.
<td>
<select name="StartTime" id="StartTime">
<option value="">시작 시간을 선택하세요</option>
<option value="2021-05-26 09:00:00">2021-05-26 09:00:00</option>
<option value="2021-05-26 10:00:00">2021-05-26 10:00:00</option>
<option value="2021-05-26 11:00:00">2021-05-26 11:00:00</option>
<option value="2021-05-26 12:00:00">2021-05-26 12:00:00</option>
<option value="2021-05-26 13:00:00">2021-05-26 13:00:00</option>
</select>
</td>
<td>
<select name="EndTime" id="EndTime">
<option value="">종료 시간을 선택하세요</option>
<option value="2021-05-26 18:00:00">2021-05-26 18:00:00</option>
<option value="2021-05-26 19:00:00">2021-05-26 19:00:00</option>
<option value="2021-05-26 20:00:00">2021-05-26 20:00:00</option>
<option value="2021-05-26 21:00:00">2021-05-26 21:00:00</option>
<option value="2021-05-26 22:00:00">2021-05-26 22:00:00</option>
</select>
</td>
<td>
<input type="text" id="s_hour" name="s_hour" style="border:0">
</td>
</tr>
<script>
$(function() {
$('#StartTime, #EndTime').on('change', function() {
var d1 = $('#StartTime').val();
var d2 = $('#EndTime').val();
if (d1 == '' || d2 == '')
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').val(hourDifference);
});
});
답변을 작성하시기 전에 로그인 해주세요.
