vue.js + bootstrap datepicker의 동적 시작 날짜

Question

vuejs를 사용하는 동안 부트 스트랩 datepicker의 동적 시작 날짜를 구현하려고합니다. 아래는 현재 내가 가지고있는 코드의 예입니다. -30d 또는 01-01-2016으로 포맷 된 날짜를 사용하지만 2016-01-01은 사용할 수 없습니다.

<input type="text" name="cancelDate" id="cancelDate" autocomplete="off" class="form-control form-control-small" 
    v-model="sale.cancelDate" 
    v-bind:class="{ 'has-error': !validation.cancelDate }" 
    v-datepicker start-date="{{sale.saleDate}}" /> 
<p>{{sale.saleDate}}</p> 

p 태그의 {{sale.saleDate}}에 액세스 할 수 있으며 '1/27/2016'과 같은 날짜가 표시됩니다. '시작일'을 '데이터 시작일'로 변경하면 작동하지 않습니다. datepicker 지시문에서 나는 ...

var self = this; 
$(self.el).datepicker({ 
    startDate: self.params.startDate, 
    endDate: self.params.endDate, 
    todayBtn: "linked", 
    autoclose: true 
}); 

어떻게 시작 날짜를 동적으로 표시 할 수 있습니까?

Answer 1

여기 예를 게시 :

//script.js 
new Vue({ 
    el:"#app", 
    data:function(){ 
    return { 
     startDate: moment().subtract(7, 'days').format('MM/DD/YYYY'), 
     cancelDate: moment().format('MM/DD/YYYY') 
    } 
    }, 
    ready:function(){ 
    $('.datepicker').datepicker({ startDate: this.startDate }); 
    } 
}) 


// index.html 
<div id="app"> 
    <input class="datepicker" type="text" v-model="{{cancelDate}}" value="{{cancelDate}}" > 
</div> 

https://jsfiddle.net/nosferatu79/jfk97gp9/4/

희망이 도움이 ...