datepicker 옵션 동적 변경 질문있습니다~!

datepicker 옵션 동적 변경 질문있습니다~!

QA

datepicker 옵션 동적 변경 질문있습니다~!

답변 2

본문

현재 아래와 같이 datepicker 를 사용중이며, 버튼을 클릭할때마다 datepicker의 옵션 중 startView 옵션값이 0~2로 바뀌게 하고싶은데 잘안되서요..ㅜㅜ

해당 option을 동적으로 변경하여 적용하는 방법이 있을까요...?


<script>

$('.s_date_user,.e_date_user').datepicker({
    format: "yyyy-mm-dd",
    autoclose : true,
    showWeekDays : true,
    todayHighlight : true,
    toggleActive : true,
    weekStart : 0,
    startView: 0,
    language: "ko"
});


$('#day_btn2 a').on("click",function(){


if($(this).data('val')=="일") {
    $('.s_date_user,.e_date_user').datepicker({
        format: "yyyy-mm-dd",
        autoclose : true,
        showWeekDays : true,
        todayHighlight : true,
        toggleActive : true,
        weekStart : 0,
        startView: 1,
        language: "ko"
    });
}

});
</script>

이 질문에 댓글 쓰기 :

답변 2


<script>
$('.s_date_user, .e_date_user').datepicker({
    format: "yyyy-mm-dd",
    autoclose: true,
    showWeekDays: true,
    todayHighlight: true,
    toggleActive: true,
    weekStart: 0,
    startView: 0,
    language: "ko"
});
$('#day_btn2 a').on("click", function () {
    var startViewValue = 0; // 기본 값
    if ($(this).data('val') == "일") {
        startViewValue = 1;
    } else if ($(this).data('val') == "주") {
        startViewValue = 2;
    }
    $('.s_date_user, .e_date_user').datepicker('remove'); // datepicker 제거
    $('.s_date_user, .e_date_user').datepicker({
        format: "yyyy-mm-dd",
        autoclose: true,
        showWeekDays: true,
        todayHighlight: true,
        toggleActive: true,
        weekStart: 0,
        startView: startViewValue, // 변경된 startView 값 설정
        language: "ko"
    });
});
</script>

function rand(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

이런식으로 랜덤함수를 만드셔서 구현하시면 됩니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 139
© SIRSOFT
현재 페이지 제일 처음으로