Я новичок в ionic 3. Я хочу реализовать всю логику опций выбора, используя html.Я создал ion-select используя файл .ts, но хочу реализовать это с помощью html.У меня есть опция выбора даты со следующими семью датами.
app.ts
viewTime(){
let url = 'http://api.timezonedb.com/v2.1/get-time-zone?key=8304HG08VTGQ&format=json&by=zone&zone=Asia/Kolkata';
this.http.request(url, this.config.options)
.map(res => res.json())
.subscribe((response: any) => {
console.log(response);
console.log(response.timestamp);
var data = response.timestamp - 19800 ;
const datePipe = new DatePipe('en-US');
const time = datePipe.transform(data*1000, 'h:mm a');
console.log(time);
//const datePipe = new DatePipe('en-US');
// const serverDate = datePipe.transform(response.timestamp*1000, 'dd/MM/yyyy');
if(time >='16:00 PM'){
data = data+172800;
console.log("hello")
}
else{
data = data+86400;
console.log("exit")
}
let select = {
title: 'Select Date',
// subtitle: 'select via .ts',
inputs: [],
buttons: [
{
text: 'Cancel',
role: 'cancel',
handler: () => {
console.log('Cancel clicked');
}
},
{
text: 'Ok',
handler: () => {
console.log(this.newDate);
}
}
]
}
this.newDate = datePipe.transform(data*1000, 'dd/MM/yyyy');
for (var i = 1; i < 8; i++) {
select.inputs.push({name: 'myInput', type: 'radio',label: this.newDate, value: this.newDate, });
var value = data+(86400*i);
this.newDate = datePipe.transform(value*1000, 'dd/MM/yyyy');
this.dates.push(this.newDate);
}
let newAlert = this.alertCtrl.create(select);
newAlert.present();
}, (err) => {
let alert = this.alertCtrl.create({
title: 'Error',
subTitle: 'Please check your credentials',
buttons: ['OK']
});
alert.present();
});
}
Это файл .ts У меня есть только одна кнопка в моем HTML-файле, которыйиспользуется для вызова этой функции viewTime()
. Каким будет файл app.html
для этого файла .ts
.Помогите мне решить эту проблему.