gpt4 book ai didi

ionic-framework - 在 ionic 4 中发布警报渲染默认日期

转载 作者:行者123 更新时间:2023-12-05 07:25:26 26 4
gpt4 key购买 nike

我正在使用 Ionic 4 AlertController 创建一个允许用户添加任务的警报。问题是,在用户单击日期输入之前,不会显示任何日期。我也尝试添加 minmax

代码如下

async addCustomTask() {
const alert = await this.alertController.create({
header: 'Add custom task',
inputs: [
{
name: 'task',
type: 'text',
placeholder: 'I would like to..'
},
{
name: 'dueDate',
type: 'date'
}
],
buttons: [
{
text: 'Cancel',
role: 'cancel',
cssClass: 'secondary',
handler: () => {
return false;
}
}, {
text: 'Ok',
handler: (data) => {
this.addTask(data.task, moment.tz(data.dueDate, this.account.timezone));
}
}
]
});
await alert.present();
};

加载时的样子

first image

单击它的那一刻,一切都开始按需工作。它也以正确的格式作为日期提交。

second image

Ionic:

ionic (Ionic CLI) : 4.10.3 (/Users/sam/.nvm/versions/node/v11.0.0/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0-rc.0
@angular-devkit/build-angular : 0.8.9
@angular-devkit/schematics : 0.8.9
@angular/cli : 6.2.9
@ionic/angular-toolkit : 1.2.2

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.4.0, (and 11 other plugins)

System:

NodeJS : v11.0.0 (/Users/sam/.nvm/versions/node/v11.0.0/bin/node)
npm : 6.4.1
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61

最佳答案

我当前的 Ionic 版本是 4.12.0,需要一个警报弹出窗口来从用户的 StartDate 和 EndDate 中获取输入以进行筛选。我了解到,它允许您添加“日期”类型,但是,它仅支持“STRING”的值和最大值。另外,切记不要混用输入类型。以下是我的代码

private format_date(dt: any) {
var today = new Date(dt);
let dd: any = today.getDate();
let mm: any = today.getMonth() + 1;
const yyyy = today.getFullYear();
if (dd < 10) {
dd = `0${dd}`;
}
if (mm < 10) {
mm = `0${mm}`;
}
return `${yyyy}-${mm}-${dd}`;
}
async presentPopover() {
const dt = new Date();
this.firstDate = dt.getFullYear() + '-' + ((dt.getMonth() + 1) < 10 ? '0' + (dt.getMonth() + 1) : (dt.getMonth() + 1) ) + '-01';
this.maxDate = this.format_date(dt);
this.lastDay = new Date(dt.getFullYear(), dt.getMonth() + 2, 0);
this.lastDay = this.format_date(this.lastDay);

if(new Date(this.lastDay) > dt) {
this.lastDay = this.format_date(dt);
}
const alerts = await this.alertController.create({
header: 'Filter',
inputs: [
{
name: 'fromDt',
type: 'date',
value: this.firstDate,
max: this.maxDate
},
{
name: 'toDt',
type: 'date',
value: this.lastDay,
max: this.maxDate
}
],
buttons:
[
{
text: 'Cancel',
role: 'cancel',
cssClass: 'secondary',
handler: () => {
console.log('Confirm Cancel');
}
},
{
text: 'Ok',
handler: () => {
console.log('Confirm Ok');
this.fetchData();
}
}
]
});
await alerts.present();
}

关于ionic-framework - 在 ionic 4 中发布警报渲染默认日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54796476/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com