2012-04-03 5 views
0

내가 가진 것은 일, 월 및 년 resp에 대한 3 개의 드롭 다운 창을 표시하는 자바 스크립트입니다. 기본적으로 오늘 날짜가 선택됩니다. 스크립트는에서 원본 제공 : http://www.javascriptkit.com/script/script2/curdateform2.shtml자바 스크립트를 사용하여 드롭 다운에서 선택한 날짜 가져 오기

내가 추가 할 것은 다음입니다 :

1) 기본 또는 선택한 날짜가 2012-02-15 말한다. "선택한 날짜 : 2012-02-15"

2) 선택한 날짜 + 30 일을 계산하고 비슷한 방식으로 표시하고 싶습니다. 나는 지금까지 신의 결과로 PHP, mysql 코드를 작성 해왔다. 하지만 제 지식은 JavaScript가 매우 제한적이라고 말해야합니다. 감사합니다.

안녕하세요 Chris!

내가

var day = document.getElementById('daydropdown').value; 
var month = document.getElementById('monthdropdown').value; 
var year = document.getElementById('yeardropdown').value; 
var date_object = new Date(); 
var ts = Date.parse(year+'-'+month+'-'+day); 
document.getElementById('d1').innerHTML = 'The selected date is: '+ date_object.setTime(ts); 

가 나는 또한 본문에 추가 된 두 번째 제안 시도 :

<div style="font-weight:bold" id="d1" ></div> 

을하지만 내가 가진 전부입니다 ... 선택한 날짜 : NaN이

에서 원래 코드는 window.onload를 사용하여 활성화됩니다. 지금까지 드롭 다운 목록을 사용하고 날짜가 변경되면 코드가 반응하지 않는다는 것을 이해할 수 있습니다. 이제이 문제를 해결할 수 있습니까?

답변

0

샘플에서 요소의 ID를 변경하지 않은 경우 : https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date

:

var day = document.getElementById('daydropdown').value; 
var month = document.getElementById('monthdropdown').value; 
var year = document.getElementById('yeardropdown').value; 

// if you simply want to display it: 
var text = 'The selected date is: '+year+'-'+month+'-'+day; 
alert(text); 

// if you want to work with it, make a Date object 
var date_object = new Date(); 
var ts = Date.parse(year+'-'+month+'-'+day); 

// javascript dates are in miliseconds, 1 day = 86400 seconds, so... 
var thirty_days = 86400 * 1000 * 30; 
date_object.setTime(ts + thirty_days); 

은 설명서를 참조하십시오

관련 문제