ionic3使用datepicker的一点经验

本文详细介绍了在Ionic项目中使用Cordova日期插件和Ionic内置的ion-datetime组件来实现日期选择功能的过程。作者分享了从安装、配置到解决版本兼容性的经验,以及如何通过CSS隐藏控件显示内容的技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

因为不熟,花了几天来搞这个,头疼!!

1、使用cordova的date插件

ionic cordova plugin add cordova-plugin-datepicker
npm install @ionic-native/date-picker@4.20.0

@5.2.0版本的在v3好像不支持,要补充安装很多插件,所以就不断测试以后,发现@4.20.0是最后一个支持的。

2、使用ionic自带的ion-datetime,其实应该直接用这个的,只是走弯了路

<ion-datetime pickerFormat="YYYYMMDD" cancelText="取消" doneText="确认"

min="2019-02-26" max="2019-02-26" [(ngModel)]="endDate" (ionChange)="changeEndDate()">

然后css那边把这个控件自己显示的内容隐藏掉,用endDate在其他地方显示就可以了。

.datetime-text{

display: none;

}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值