vue.js + bootstrap datepickerの動的開始日

Question

vuejsを使用しているときに、ブートストラップ日付ピッカーの動的開始日を実装しようとしています。以下は、私が現在自分のコードで持っているものの例です。 -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/

希望を、このヘルプ...