반응형
저는 흔히 버튼을 a 태그를 사용하여 생성합니다.
<a id="downloadButton" class="btnNLink2" title="다운로드">다운로드</a>
jQuery를 사용하여 특정 날짜와 시간 범위를 고려하여 다운로드 버튼을 제어하는 코드입니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/Date
$(document).ready(function() {
var now = new Date();
var downloadButton = $("#downloadButton");
// 시작 날짜와 종료 날짜를 설정합니다.
var startDate = new Date("2023-10-21T01:00:00"); // 2023-10-21 01:00
var endDate = new Date("2023-10-22T01:00:00"); // 2023-10-22 01:00
// 현재 날짜와 시간이 허용 범위 내에 있는지 확인하고 버튼을 활성화 또는 비활성화합니다.
if (now >= startDate && now <= endDate) {
downloadButton.attr("href", "javascript:file_download()");
} else {
downloadButton.on("click", function(event) {
event.preventDefault(); // 클릭 이벤트 중지
});
}
});
위의 코드는 특정 날짜와 시간 범위를 설정하여 클릭 이벤트가 시작 날짜와 종료 날짜 사이에 있는 경우에만 다운로드 버튼을 활성화합니다. 시작 날짜와 종료 날짜를 설정하고, 클릭 이벤트를 중지하여 버튼을 클릭해도 아무 동작도 수행되지 않게 만들 수 있습니다.
반응형
'Web Dev > Javascript' 카테고리의 다른 글
[Javascript] 자바스크립트에서 Textarea 값 읽어오기 쉽지만 까먹죠 ! (3) | 2023.12.05 |
---|---|
jQuery로 특정 <dive> 태그 위치 이동 하기 prependTo 함수 사용법 (0) | 2023.11.15 |
Turing IT 헤드헌터 코딩 테스트 문제 (4) | 2023.11.01 |
[Javascript] 웹페이지에 현재 날짜 제공하는 Date() 생성자 toLocaleDateString 함수 (2) | 2023.10.19 |
JavaScript 배열에서 요소 추가, 삭제 및 교체: splice 함수 사용법 (0) | 2023.10.18 |
Quill editor 홈페이지에 적용 하는 방법 너무 쉬워요 !! (0) | 2023.10.12 |