2012-09-04 4 views
-1

날짜 선택 도구가 표시되지 않습니다. 날짜 시작 및 날짜 종료 날짜가 있기 때문에 날짜 선택 도구가 필요합니다 .......... 도움 주셔서 감사합니다. ....날짜 선택 도구가 자바 스크립트를 사용하여 표시 할 수 없습니다.

<script type="text/javascript" src="jquery.1.4.2.js"></script> 
<script type="text/javascript" src="jsDatePick.jquery.min.1.3.js"></script> 
<script type="text/javascript"> 
window.onload = function(){ 
    new JsDatePick({ 
     useMode:2, 
     target:"inputField", 
     dateFormat:"%d-%M-%Y" 
    }); 
}; 
</script> 
<form action="index.php?page=form" method="post"> 
<table> 
    <tr> 
    <td> 
     Date Start 
    </td> 
    <td> 
     <input type="text" name="date1" id="inputField"> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Date Finish 
    </td> 
    <td> 
     <input type="text" name="date2" id="inputField"> 
    </td> 
    </tr> 

    </table> 
+3

주요 결함 : 'id'값은 각 HTML 문서에서 고유해야합니다. 두 개의 동일한 ID가 있습니다. 그 너머에 디버깅을 한 적이 있습니까? 자바 스크립트 콘솔에서 오류를 확인 했습니까? –

+0

javascript에 문제가 있습니다. 인터넷에서 다운로드 했으므로 ... 모든 날짜 선택 도구를 표시하는 예제를 – user1639248

+0

예, 인터넷의 모든 항목이 완전히 사실이며 유용하게 사용할 수 있습니까? –

답변

0
<script type="text/javascript" src="jquery.1.4.2.js"></script> 
<script type="text/javascript" src="jsDatePick.jquery.min.1.3.js"></script> 
<script type="text/javascript"> 
window.onload = function(){ 
    new JsDatePick({ 
     useMode:2, 
     target:"inputField", 
     dateFormat:"%d-%M-%Y" 
    }); 

    new JsDatePick({ 
     useMode:2, 
     target:"inputField2", 
     dateFormat:"%d-%M-%Y" 
    }); 
}; 
</script> 
<form action="index.php?page=form" method="post"> 
<table> 
    <tr> 
    <td> 
     Date Start 
    </td> 
    <td> 
     <input type="text" name="date1" id="inputField"> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Date Finish 
    </td> 
    <td> 
     <input type="text" name="date2" id="inputField2"> 
    </td> 
    </tr> 

    </table> 
+0

저를 도와 주심에 감사드립니다 ..... – user1639248

0

ID를 고유해야하고 당신이 당신의 입력 필드에 대해 서로 다른 ID를 할당해야합니다. 또한 내부에 코드를 넣으십시오 $(document).ready(function();

$(document).ready(function(){ 
    new JsDatePick({ 
    useMode:2, 
    target:"inputField", 
    dateFormat:"%d-%M-%Y" 
    }); 
    new JsDatePick({ 
    useMode:2, 
    target:"inputField2", 
    dateFormat:"%d-%M-%Y" 
    }); 
}); 

참고 : 테스트하지 않았습니다.

관련 문제