vue에서 datepicker 사용시에 웹접근성 관련 질문드립니다.
-
게시물 수정 , 삭제는 로그인 필요
<pre data-ke-type="codeblock">
Vue.component(
'datepicker', {
template:
'<input/>',
mounted:
function(
) {
var self =
this;
$(
this.$el).datepicker({
dateFormat:
"yy-mm-dd"
,
monthNames: [
'1월',
'2월',
'3월',
'4월',
'5월',
'6월',
'7월',
'8월',
'9월',
'10월',
'11월',
'12월']
,
monthNamesShort: [
'1월',
'2월',
'3월',
'4월',
'5월',
'6월',
'7월',
'8월',
'9월',
'10월',
'11월',
'12월']
,
dayNames: [
'일',
'월',
'화',
'수',
'목',
'금',
'토']
,
dayNamesShort: [
'일',
'월',
'화',
'수',
'목',
'금',
'토']
,
dayNamesMin: [
'일',
'월',
'화',
'수',
'목',
'금',
'토']
,
changeMonth:
true
// 월선택 select box 표시 (기본은 false)
,
changeYear:
true
// 년선택 selectbox 표시 (기본은 false)
,
showMonthAfterYear:
true
// 다음년도 월 보이기
,
showOtherMonths:
true
// 다른 월 달력에 보이기
,
selectOtherMonths:
true
// 다른 월 달력에 보이는거 클릭 가능하게 하기
,
onSelect:
function(
d){self.$emit(
'update-date',d)}
});
},
beforeDestroy:
function(
){$(
this.$el).datepicker(
'hide').datepicker(
'destroy')}
});
new Vue({
el:
'#app',
data: {
date:
null
},
methods: {
updateDate:
function(
d) {
this.date = d;
}
출처 : https://mine-it-record.tistory.com/36
상단 코드로 vue에서 datepicker를 사용해서 달력을 만들려고 하는데
혹시 웹접근성에 위배될 수 있나 궁금하여 질문남깁니다.
Vue.component(
'datepicker', {
template:
'<input/>',
mounted:
function(
) {
var self =
this;
$(
this.$el).datepicker({
dateFormat:
"yy-mm-dd"
,
monthNames: [
'1월',
'2월',
'3월',
'4월',
'5월',
'6월',
'7월',
'8월',
'9월',
'10월',
'11월',
'12월']
,
monthNamesShort: [
'1월',
'2월',
'3월',
'4월',
'5월',
'6월',
'7월',
'8월',
'9월',
'10월',
'11월',
'12월']
,
dayNames: [
'일',
'월',
'화',
'수',
'목',
'금',
'토']
,
dayNamesShort: [
'일',
'월',
'화',
'수',
'목',
'금',
'토']
,
dayNamesMin: [
'일',
'월',
'화',
'수',
'목',
'금',
'토']
,
changeMonth:
true
// 월선택 select box 표시 (기본은 false)
,
changeYear:
true
// 년선택 selectbox 표시 (기본은 false)
,
showMonthAfterYear:
true
// 다음년도 월 보이기
,
showOtherMonths:
true
// 다른 월 달력에 보이기
,
selectOtherMonths:
true
// 다른 월 달력에 보이는거 클릭 가능하게 하기
,
onSelect:
function(
d){self.$emit(
'update-date',d)}
});
},
beforeDestroy:
function(
){$(
this.$el).datepicker(
'hide').datepicker(
'destroy')}
});
new Vue({
el:
'#app',
data: {
date:
null
},
methods: {
updateDate:
function(
d) {
this.date = d;
}
출처 : https://mine-it-record.tistory.com/36
상단 코드로 vue에서 datepicker를 사용해서 달력을 만들려고 하는데
혹시 웹접근성에 위배될 수 있나 궁금하여 질문남깁니다.