Надеюсь, кто-то может мне помочь! Я сделал директиву, вставляя Jasny Bootstrap Plugin более конкретно в маску ввода-маски, и все идет хорошо!
Теперь я создал настраиваемый фильтр, поддерживаемый моментом, чтобы отформатировать поле даты!
Формат даты, который я получаю от моего бэкэнд-приложения, - это YYY-MM-DD, и я должен показать его в виде DD/MM/YYYY... Я пробовал v-model="date | myDate"
, но это не сработало!
JS
Vue.directive('input-mask', {
params: ['mask'],
bind: function() {
$(this.el).inputmask({
mask: this.params.mask
});
},
});
Vue.filter('my-date', function(value, formatString) {
if (value != undefined)
return '';
if (formatString != undefined)
return moment(value).format(formatString);
return moment(value).format('DD/MM/YYYY');
});
var vm = new Vue({
el: 'body',
data: {
date: '2015-06-26',
}
});
HTML
<label>Date</label>
<input type="text" class="form-control" v-input-mask mask="99/99/9999" v-model="date">
<p>{{ date | myDate 'dd/mm/yyyy' }}</p>
Существует JSBin, если кто-то заинтересован!
Спасибо заранее!
РЕДАКТИРОВАТЬ: лучше объяснять, что я ожидаю =)
Когда на первой странице загрузки вход получает значение 2015-06-26, и я хотел бы показать это значение как DD/MM/YYYY, так 26/06/2015! Он работает правильно только после того, как я начну вводить что-то!