1
我已经创建了文本输入字段类似下面,如何通过framework7中的picker通过v-model获取数据?
<f7-list-item>
<f7-icon slot="media" f7="time"></f7-icon>
<f7-input type="text" placeholder="Delivery time" v-model="order.time" readonly id="picker-describe"></f7-input>
</f7-list-item>
Now in mounted method, I have the below code,
mounted: function mounted() {
//do something after mounting vue instance
var myApp = new Framework7();
var pickerDescribe = myApp.picker({
input: '#picker-describe',
rotateEffect: true,
cols: [
// Hours
{
values: (function() {
var arr = [];
for (var i = 0; i <= 23; i++) { arr.push(i); }
return arr;
})(),
},
// Divider
{
divider: true,
content: ':'
},
// Minutes
{
values: (function() {
var arr = [];
for (var i = 0; i <= 59; i++) { arr.push(i < 10 ? ': 0' + i : ": " + i); }
return arr;
})(),
},
// Meridian
{
values: (function()
{
var arr = ['am','pm'];
return arr;
})(),
}
]
});
},
当我尝试选择的时候,我能愉快地选择时间像下面,
现在的我m试图通过模型获取价值,我在order.time领域变得空洞。
谁能帮助我如何通过模型得到的时间字段的数据?
感谢&问候,