Question

我正在使用Ionic Framework版本：3.1.1我需要（基本上）双向数据绑定但我无法弄明白......我有这个：

HTML：

中的

<ion-datetime (click)="toggle()" [ngClass]="prod" displayFormat="D" 
     doneText="I want" cancelText="I don't" 
       [(ngModel)]="days" dayValues="0,1,2,3,4,5,6,7,8,9,10" 
        item-left>
</ion-datetime>

TS：

中的

days = 0;

constructor(public navCtrl: NavController, public navParams: NavParams) {   }   

toggle(){
    console.log(this.days);
}

但是当我选择一天，在日期时间选择器中，并单击“我想要”按钮时，控制台中会显示一个空字符串，是否有任何建议？在此先感谢：）

Answer 1

最后，在阅读了很多帖子并阅读了离子文档和组件后，我可以理解days是问题所在，它无效！因此，displayFormat中没有分配任何内容。我尝试了几种使用Ionic的DateTime组件实现数字选择器的方法，但我意识到它不可能，因为D属性需要特定格式（因为它显示{{ 3}}）而<ion-multi-picker [ngClass]="prod" doneText="I want" cancelText="I don't" [(ngModel)] = "days" (ionChange)="toggle()" placeholder=" " item-content item-left [multiPickerColumns]="quantityValues"> </ion-multi-picker>只是不合适。

我用here想出来了。我的代码如下：

HTML：

中的

quantityValues = [];

constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.quantityValues = [{
        name: 'col1',
        options: [
            { text: '0', value: '0' },
            { text: '1', value: '1' },
            { text: '2', value: '2' },
            { text: '3', value: '3' },
            { text: '4', value: '4' },
            { text: '5', value: '5' },
            { text: '6', value: '6' },
            { text: '7', value: '7' },
            { text: '8', value: '8' },
            { text: '9', value: '9' },
            { text: '10', value: '10' }
        ]
    }];
}

toggle(){
    console.log(this.days);
}

TS：

中的

SELECT * FROM revenue WHERE DATE(date)=CURDATE()

我希望这有助于进一步提问：）

如何在离子日期时间组件中选择用户值？

1 个答案: