日付ピッカーにVueを使用しています。
日付が表示され、クリックして選択できますが、メソッドを使用して日付を取得しようとすると、getDate
常にnull
です。
誰かがそれを助けることができれば、コードはここにあります:
var overviewVue;
function initOverviewVue(model) {
overviewVue = new Vue({
el: '#overviewVue',
data: {
OverviewModel: model,
repeatSchedule: [],
startDate: ''
},
methods: {
setOverviewDatePickers: function (target) {
var $target = $(target);
$target.daterangepicker({
autoUpdateInput: false,
locale: {
format: 'DD/M hh:mm',
cancelLabel: 'Clear'
},
timePicker24Hour: true,
timePicker: true,
singleDatePicker: true,
showDropdowns: true
}, function (chosen_date) {
this.startDate = chosen_date.format('DD/MM/YYYY HH:mm');
$target.val(this.startDate);
});
},
getDate: function () {
return this.startDate;
}
}
});
}
ここにいくつか問題があります。
選択した日付ピッカーはjQueryの日付ピッカーのようです。理想的には、このようなVueエコシステム用に構築された日付ピッカーが見つかります。この質問のために、私はその問題を無視します。
設定しthis.startDate
ているコールバックコードでthis
は、別の関数呼び出しに入ったため、とは思いません。
(あなたがサポートできると仮定すると、矢印の機能にコードを変更してみてください機能矢印)、その後、this
あなたが探しているレキシカルスコープを持っています。
(chosen_date) => {
this.startDate = chosen_date.format('DD/MM/YYYY HH:mm');
$target.val(this.startDate);
}
今this.startDate
はあなたが思っているものでなければなりません。理想的には、このようなばかげたものに簡単に遭遇しない上記の推奨事項のように、Vue用に構築されたものをお勧めします。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加