안녕하세요 오늘안에 한두가지 기능을 추가하려다 보니 도무지 진도가 나가지 않는 문제가 생겨 질문드립니다...
1일 기준으로 현재월을 활성화 / 전월을 비활성화 하고 20일을 기준으로 다음달 바로가기 버튼을 활성화 하려고 합니다...
예를들어
현재 1월19일이면 1월만 활성화 2~10월 모두 비활성화
현재 1월20일이면 1월과 2월 활성화 3~10월 모두 비활성화
현재 2월1일이면 1월 비활성화 2월만 활성화 3~10월 모두 비활성화
현재 2월19일이면 1월 비활성화 2월만 활성화 3~10월 모두 비활성화
현재 2월10일이면 2월과 3월 활성화 4~10월 모두 비활성화
이런형태입니다.
바로가기버튼 비활성화는 disabled 명령어를 통해 해결이 되는데
<v-btn v-bind:href="'http://nas'+i+'.test.com'" disabled> 바로가기</v-btn>
조건문과 현재 날짜 비교하는것에서 막혔습니다....
v-if / moment / moment.js 를 이용하면 해결이 될 것도 같은데 혹시 작은 조언이라도 가능하시면 부탁드립니다.
<template>
<v-card
max-width="mx-auto"
class="mx-auto"
>
<v-app-bar
dark
>
<v-toolbar-title>신청서</v-toolbar-title>
<v-spacer></v-spacer>
</v-app-bar>
<v-container>
<v-row dense>
<v-col
v-for="(item, i) in 10"
:key="i"
cols="12"
>
<v-card
dark
>
<v-list-item two-line>
<v-card-title class="headline"><h3>{{i+1}}월 신청</h3></v-card-title>
<v-card-actions>
<div class="order" >
<v-btn v-bind:href="'http://nas'+i+'.test.com'"> 바로가기</v-btn>
</div>
</v-card-actions>
</v-list-item>
</v-card>
</v-col>
</v-row>
</v-container>
</v-card>
</template>
¾Æ·¡ script ¿¡ Ãß°¡ÇÏ´Â
computed ¼Ó¼ºÀ¸·Î ÇØ°á ÇÏ½Ã¸é µÉ°Í °°½À´Ï´Ù.
¾Æ·¡´Â °£´ÜÇÑ ¿¹Á¦ ÀÔ´Ï´Ù.
.
.
<div :class="computed_test">
.
.
<script>
export default{
name: "TEST",
data() {
return {
....
}
},
computed: {
computed_test: function() {
return {
'view': Á¶°Ç1 || Á¶°Ç2 .......,
}
}
}
}
Á¶°Ç1 ¶Ç´Â Á¶°Ç2 °¡ ¸ÂÀ»¶§ htmlÀÇ div ¿¡ class="view" °¡ Àû¿ë µË´Ï´Ù.
°³¹ßÀÌ º»¾÷Àº ¾Æ´Ï¶ó ««ÀÌ °øºÎÇÏ¸é¼ ÇÏ°íÀִµ¥ ¿ö³« ±âÃÊ°¡¾ø´Ùº¸´Ï Áú¹®µµ µÎ¼°¡ ¾ø¾ú½À´Ï´Ù.
°è¼ÓÇؼ Ã¥Àº º¸´Âµ¥ Ã¥¸¸ º¸´Ùº¸´Ï Á» ¹¹¶ö±î...
½ÇÁ¦ ÇÊ¿äÇÑ°É Â©¶§ ÇÊ¿äÇÑ ¹«¾ð°¡¸¦ Á÷Á¢ÀûÀ¸·Î ÁÖÁö´Â ¸øÇϴ°Ͱ°´Ù°í ´À²¸¼ ´çÀåÇÊ¿äÇÑ°É Çѹø °Çµå·Á º¸¾Ò½À´Ï´Ù^^
¸¦
<v-btn v-bind:href="'http://nas'+i+'.test.com'" :disabled="checkDate(i)"> ¹Ù·Î°¡±â</v-btn>
<script>
export default{
name: "TEST",
methods: {
checkDate(checkM) {
let now = new Date()
let nowM = now.getMonth() + 1 // month ´Â 0ºÎÅÍ ½ÃÀÛÇϱ⠶§¹®¿¡ + 1 ÇØÁÖ¼Å¾ß ÇöÀç ´ÞÀÌ ³ª¿É´Ï´Ù.
let nowD = now.getDate()
if (nowD < 19 && nowM == checkM) {
return true
}
if (nowD > 19 && (checkM == nowM || checkM == nowM + 1)) {
return true
}
return false
}
},
ÀÌ·±½ÄÀ¸·Î ó¸® ÇÏ½Ã¸é µÉ °Í °°½À´Ï´Ù. Àúµµ Ãʺ¸¶ó..
±×³É ¹°¾î¼ ´ä¸¸ ¹Þ±â º¸´Ù´Â ¹®¼¸¦ ÀÐ¾î º¸½Ã´Â°Ô ÁÁÀ»°Í °°¾Æ ¸®Çô޾ҽÀ´Ï´Ù.
12¿ùÀÏ °æ¿ì 1¿ùÀ» È°¼ºÈ ÇØ¾ß ÇÏ¸é ±×ºÎºÐÀº µû·Î Ãß°¡ ÇÏ½Ã¸é µÉµí
Çѹø Àû¿ëÇغÁ¾ß°Ú½À´Ï´Ù.^^
Áö±Ýº¸´Ï ±×·¯³×¿ä
ÀÛÀº Ç¥ÇöÇϳª°¡ ÀúÇÑÅ×´Â ¾î·Á¿îºÎºÐÀε¥ ½Ã°£³»¾î °í¹ÎÇØÁּż Á¤¸» °¨»çµå¸³´Ï´Ù.
ÀÏ´Ü ½ºÅ©¸³Æ®¿¡ Á¶°Ç¹®À» ±¸°Ü³Ö°í(³¯Â¥ ºñ±³°ÚÁÒ?)
ÇØ´ç Á¶°Ç¹® ³»¿¡¼ "HTML Ãâ·Â¹®"À» ½á¼ ³¯Â¥¿¡ µû¶ó ¼·Î ´Ù¸¥ ¹öÆ° ¸µÅ© htmlÀ» "Ãâ·Â"Çؼ ´ëÀÀÇßÀ» °Ì´Ï´Ù
(Á¦ °æ¿ì´Â cgi·Î µÈ ¹Ýº¹ °Ô½ÃÆÇ¿¡ ¹Ýº¹Ãâ·Â¹®À» ³ÖÀ¸¸é¼ ½á ¸ÔÀº °Í °°Àºµ¥)
document.write(º¯¼ö);
ÀÌ°ÅÇÒ¶§ µû¿ÈÇ¥¿¡ ÁÖÀÇÇϼžß... ¸¸³¯ ±×°É·Î ÇظÉ
±×¸®°í ³¯Â¥ ºñ±³¸¦ ³â/¿ù/ÀÏ ·Î ºñ±³¹®À» ¸¸µé¸é ¸Ó¸® ±úÁö½Ç °Ì´Ï´Ù
±×°Å ÀØÀ¸½Ã°í ¹«Á¶°Ç ŸÀÓ½ºÅÆÇÁ ¾²¼¼¿ä. Àü ·Î¶ÇÇÖÅ°¿¡µµ ŸÀÓ½ºÅÆÇÁ¸¸ °íÁýÇÕ´Ï´Ù
°è»êÀÌ °£ÆíÇØÁö°Åµç¿ä. 30ÀÏ/31ÀÏÀ» ±¸ºÐ¸øÇÑ´Ù´Â ÇÑ°¡Áö ´ÜÁ¡Àº ÀÖ½À´Ï´Ù¸¸(À̶§´Â ¿ù/ÀÏ Ãß°¡Á¶°Ç¹®À» ³Ö¾îÁÖ¸é µÉ µí)
ŸÀÓ½ºÅÆÇÁ³¢¸®ÀÇ ¿¬»êÀº Áö±ÝÀ¸·ÎºÎÅÍ Á¤È®È÷ 20ÀÏ Àü/ÈÄ °°Àº°É °è»êÇØÁÝ´Ï´Ù