테스트 사이트 - 개발 중인 베타 버전입니다

datepicker 옵션 동적 변경 질문있습니다~! 채택완료

sir생님 2년 전 조회 2,720

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

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

</p>

<p><script></p>

<pre>
$('.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"
});</pre>

<pre>
$('#day_btn2 a').on("click",function(){</pre>

<pre>
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"
    });
}</pre>

<p>});</p>

<p></script></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
들레아빠

</p>

<p><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"

});</p>

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

    var startViewValue = 0; // 기본 값

    if ($(this).data('val') == "일") {

        startViewValue = 1;

    } else if ($(this).data('val') == "주") {

        startViewValue = 2;

    }</p>

<p>    $('.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>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

s
sir생님
2년 전
감사합니다ㅜㅜㅜ 덕분에 잘 해결하였습니다!!
들레아빠
2년 전
채택 감사 합니다.

댓글을 작성하려면 로그인이 필요합니다.

M
2년 전

</p>

<p>function rand(min, max) {

  return Math.floor(Math.random() * (max - min + 1)) + min;

}</p>

<pre>

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sir생님
2년 전
아, 그뜻이아니라, startView: 1 가 적용되어야 하는 상황인데 적용이 안되고있어서요!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인