Ionic 5:在SegmentButton中DateTime不起作用
Ionic是一个流行的跨平台移动应用开发框架，Ionic 5是Ionic框架的最新版本。在Ionic 5中，SegmentButton是一种UI组件，用于在选项之间进行切换。而DateTime是一个日期时间选择器，用于选择日期和时间。
然而，在Ionic 5中，SegmentButton组件本身并没有提供内置的DateTime功能。如果想在SegmentButton中实现DateTime的选择功能，可以通过以下方法进行：
- 自定义组件：可以创建一个自定义的组件，将SegmentButton和DateTime组件结合起来使用。在自定义组件中，可以通过监听SegmentButton的选中事件来触发DateTime选择器的显示和隐藏。
- 插件或第三方库：Ionic框架支持使用插件或第三方库来扩展其功能。可以搜索并找到适合的插件或第三方库，提供了SegmentButton和DateTime的结合使用功能。
在开发过程中，可以使用Ionic提供的其他相关组件和功能来实现更多的需求。Ionic提供了丰富的UI组件、主题样式、布局结构等，可以帮助开发人员快速构建跨平台的移动应用。
腾讯云作为一家领先的云计算服务提供商，也提供了与Ionic相关的产品和服务。可以使用腾讯云的云服务器、对象存储、人工智能等服务来支持Ionic应用的开发和部署。具体的产品和介绍可以参考腾讯云的官方文档和产品页面。
希望以上信息能对您有所帮助。如果还有其他问题，请随时提问。
相关·内容
我在设置ionic-4上的默认日期时遇到了一些困难，基本上我已经尝试了其他方法，这些方法在以前的版本中已经有效，但有些东西发生了变化，它们不起作用。 html： <ion-item>
<ion-label position="floating" color="primary">Date</ion-label>
<ion-datetime class="nutri-primary" color="primary" [(ngModel)]="date" display
浏览 13提问于2019-02-10得票数 0
1回答
我想在离子创建可拖动(自由)按钮。在ionic 3中，我使用了一个指令(链接https://www.joshmorony.com/building-an-absolute-drag-directive-in-ionic-2/)来做这件事，但是这个指令在ionic 5中不起作用，它不会给出任何错误。你认为ionic 5最好的库是什么(从一些教程中得到支持)？提前谢谢。
浏览 12提问于2020-06-26得票数 1
回答已采纳
1回答
我已经将下面的代码从Ionic 3迁移到Ionic 5
const alert = await this.alertCtrl.create({
subHeader: "About" + " <b>" + this.user.name + "</b>",
message: "Test Messgae",
buttons: [
{
text: 'Close',
role: 'cancel&#
浏览 5提问于2020-04-09得票数 1
我正在将我的Ionic3应用程序移植到Ionic5中，目前正在添加我的http请求。在Ionic3中，我使用了angular/http，但它似乎是。这是我对可观察性的代码：
this._http.get(requestURL)
.map((result: Response) => {
return this.run(result.json())
});
现在，我如何用Ionic5来完成同样的实现呢？
Rx.Observable.fromPromise(fetch(url));
？上面的方法似乎不起作用。fromPromise does not ex
浏览 3提问于2020-06-05得票数 0
1回答
我在ion工具栏中包含了以下代码，但不幸的是，按钮并不是集中的。我试图找到另一种方法，基本上，我添加了离子按钮内的离子行/离子列标签如下所示，现在按钮是集中的，但当基于Galaxy S5或iPhone 5s调整大小时，我在响应行为上遇到了问题。 我用的是离子4。 => ionic info
Ionic:
ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.1.2
@ang
浏览 12提问于2019-04-12得票数 1
回答已采纳
我知道24小时的默认时间格式是0到23，但我想转换为1到24。我知道ionic-datetime为此提供了hourValues属性，但在本例中它不起作用，它省略了23之后的值。
我关注了这个。
<ion-datetime displayFormat="HH:mm" pickerFormat="HH mm" hourValues="01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24"></ion
浏览 16提问于2021-05-19得票数 0
我目前正在开发一个使用ionic 2的应用程序。 我的问题是关于日期时间的:我的html中有以下代码 <ion-item>
<ion-label stacked>Date</ion-label>
<ion-datetime [(ngModel)]="date" formControlName="date" displayFormat="MMMM DD, YYYY" min="2017" max="2100"></ion-datetime&g
浏览 53提问于2017-07-23得票数 4
回答已采纳
我在我的项目中使用ion-datetime，这里有一些关于离子版本的信息：
Ionic:
Ionic CLI : 5.4.16
Ionic Framework : ionic-angular 3.9.5
@ionic/app-scripts : 3.2.2
下面是我的ion-datetime的一个示例：
<ion-datetime displayFormat="DD-MM-YYYY" pickerFormat="DD MM YYYY" min="{{minDate}}" max=" {{
浏览 43提问于2021-05-10得票数 0
我找不到在Ionic 5系统中关闭应用程序的方法。看起来在离子4中这样做的方式在离子5中是不起作用的。可以这样做吗？
浏览 34提问于2020-04-07得票数 4
回答已采纳
我正在使用ionic 5，并且有一个ionic日期时间选择器，允许用户选择小时、分钟和秒。但是，我需要能够设置最大时间，以便用户不能选择更大的时间。我设置了datetime组件的max属性，它似乎可以工作几小时和几分钟，但忽略了秒数。有谁有线索吗？
浏览 3提问于2020-11-21得票数 1
1回答
关于离子2中的日期选择器，我有一些问题：
1.当我选择日期时，存储日期时间的变量是什么？我添加了我的项目中的代码，我只是尝试将它存储在一些变量中，而没有成功的。
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {DatePicker} from 'ionic-native';
import {Calendar} from 'ionic-native';
import {Platform}
浏览 1提问于2016-10-05得票数 3
我试图将插件集成到我的Ionic5应用程序中，但它根本不起作用。
当我试着打电话给
this.delegate = this.ibeacon.Delegate();
然后在设备上，我总是得到以下错误。
vendor-es2015.js:40772 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'locationManager' of undefined
TypeError: Cannot read property 'locationManager' of undefine
浏览 0提问于2020-05-07得票数 1
如何在Android的Ionic Framework中进行跨域http请求？
我试着在ionic.project中设置代理，但没有帮助。下面是我如何处理这个请求：
$http.get('http://localhost:8100/getnews/?hashcode=' + hashcode + '').then(function (resp) {
...
}, function (err) {
...
}
下面是ionic.project：
{
"name": "...",
浏览 9提问于2015-05-28得票数 5
我在我的Ionic应用程序中使用ionic datetime组件
<ion-datetime
displayFormat="YYYY/MM/DD"
pickerFormat="YYYY MMMM DD" [(ngModel)]="summaryDate"
(ionChange)="getDashboardItemsByDate()">
</ion-datetime>
在.ts file中，我将默认日期设置为当前日期，如下所示
public
浏览 16提问于2017-07-03得票数 10
回答已采纳
在命令提示符下，ionic关键字工作正常，但在Hudson中不起作用。
我试图在脚本中添加命令ionic build android，但关键字ionic本身不起作用。如何解决此问题。
浏览 4提问于2017-02-25得票数 0
所以我基本上有一个问题，像v-model这样的Vue.js指令不能在ionic 5上工作。我在youtube上使用Ionic 4时遵循了指南，它对Ionic 5不起作用。例如，要让v-model工作，我需要写下面的代码： <ion-input :value="name"
@ionInput="name = $event.target.value;"
@ionClear="searchCleared($event)" type="text"
浏览 30提问于2021-10-13得票数 0
我的IONIC3应用程序使用ion DateTime字段，用户可以在其中输入日期。
<ion-datetime displayFormat="DD/MM/YYYY HH:mm" [(ngModel)]="scheduled_at"></ion-datetime>
然后将其发送到我的Rails 5 API。到达我的API端点的字符串如下所示：
"scheduled_at"=>"2018-06-14T23:33:42.939Z"
我读到Z代表协调世界时()。问题是用户输入的时区不是ZTC，而是“Ameri
浏览 11提问于2018-06-15得票数 0
我一直在尝试在ionic1中集成日期时间选择器，但我无法获得 ("mm/dd/yyyy HH:00P“) 12/31/1899 12:00 AM中显示的格式有不同的日期/时间选项可用于ionic2和3，但找不到此格式的ionic1。到目前为止，我使用的是ionic1的标记
<ionic-datetimepicker date="currentDate" min="minDate" max="maxDate" callback="datePickerCallback" datetime="1">
浏览 16提问于2017-08-31得票数 0
1回答
我在我的Ionic项目中添加了两个保龄球包(角-md5和角动量)。它们在Chrome中工作得很好，但在iOS模拟器中根本不起作用。我不太确定在模拟器中调试这类问题的正确方法，如果它们会因为应用程序的创建而浮出水面，或者添加第三方JavaScript库甚至受到Ionic的支持。任何帮助都是感激的，谢谢！
浏览 5提问于2016-03-03得票数 1
回答已采纳
动态最小和最大属性不采用ionic2“datetime-local”类型。
<ion-input value="" type="datetime-local" [formControl]="expdate" [attr.min]="mindate" [attr.max]="maxdate"></ion-input>
ts文件
export class CollectMoneyPage{
mindate:any;
maxdate:any;
constructor(){
t
浏览 2提问于2016-12-21得票数 0
正在尝试构建用于生产的ionic 4应用程序。直到现在它都运行得很好，突然一个只改变了一些html的提交使得我们的构建失败了。
错误消息：
ionic Error
ionic at new SubprocessError (/var/lib/jenkins/workspace/myProjectPath/@ionic/utils-subprocess/dist/index.js:40:23)
ionic at ChildProcess.p.on (/var/lib/jenkins/workspace/myProjectPath/@ionic/utils-subpro
浏览 35提问于2019-07-10得票数 1
回答已采纳
我使用的是Ionic框架版本: 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"
浏览 6提问于2017-06-23得票数 2
回答已采纳
目前，我的Ionic在"@ionic/angular": "^5.0.0"上运行。ionic -v是6.17.1。我在文档中找不到一种方法来将我的ionic更新到5.7.0 Potassium。 以下操作不起作用： npm install -g @ionic/cli@latest
浏览 31提问于2021-09-13得票数 0
回答已采纳
在.Net 4.0中，我使用System.Enum.GetValues(typeof(Gender))来获取枚举项列表。
在一个完整的示例中，我使用以下方式查找枚举值：
Gender retVal = Gender.Male;
foreach (Gender enumType in System.Enum.GetValues(typeof(Gender)))
{
if (enumType.ToString().Trim().ToUpper().Substring(0,1).Equals(stringToEnum.Trim().ToUpper()))
浏览 1提问于2012-01-12得票数 2
回答已采纳
1回答
我正在使用Ionic 5，并且想要定制绑定到ion-slides的options，但是绑定到组件的对象文字不会改变UI中的任何内容。 我创建了一个示例Stackblitz，以便复制不起作用的options。您可以看到，即使添加initialSlide似乎也不起作用，这是他们的文档中的示例- Ionic Slides。我也尝试了一堆Swiper参数，但没有成功。在使用vanilla Swiper的单独Stackblitz中，我可以看到应该发生什么。 我确定这可能是我做错了什么小事情。有没有人知道为什么这些选项没有生效？
浏览 17提问于2020-10-19得票数 0
回答已采纳
我尝试在Ionic 5项目中使用cordova-plugin背景地理定位，在前景中它的工作正常，但在后台它不起作用。
ionic cordova plugin add "@mauron85/cordova-plugin-background-geolocation": "^3.1.0"
npm install "@ionic-native/background-geolocation": "^5.28.0"
下面的代码所使用的
let config: BackgroundGeolocationConfig = {
浏览 2提问于2020-10-23得票数 0
我是在我的Ionic 4应用程序工作，我有日期时间选择在我的Ionic 4应用程序和我发送的日期和时间，但日期和时间格式应该是Y-m-d H:i:s。
这是我的html
<ion-datetime formControlName="startchallenge" displayFormat="DD-MM-YY HH:mm:ss" pickerFormat="DD-MM-YY HH:mm:ss" placeholder="Select Date" [min]="minDate" [max]="maxDa
浏览 0提问于2019-03-14得票数 1
回答已采纳
我试图将ng-click="ionic.Platform.exitApp()"设置为一个按钮，但它不起作用，我也尝试ng-click="exitApp()"和ng-click="$ionic.Platform.exitApp()"，但它也不起作用。
我正在使用离子创建器，根据这个文档，它应该是非常简单的，但我不知道如何正确设置这个调整。我还尝试在Ionic Creator中添加一个模块，如下所示：
angular.module('app.exit', []).exit(function($scope) {
ionic.Pla
浏览 1提问于2016-11-06得票数 2
我最近将应用程序从离子4迁移到5角7到9。对配置和代码做了所有特定的迁移。离子服务效果很好。在创建产品生成时也没有错误。但是应用程序并没有被加载！在应用程序中也使用了服务工作者。
遵循离子与角提供的迁移指南
Package.json -->
{ "name": "OpsTrakker", "version": "1.3.1", "author": "Ionic Framework", "homepage": "https://ionicframewor
浏览 0提问于2020-10-21得票数 0
回答已采纳
我正在使用事件函数在app中发布一些数据。但它在ionic 4中不起作用。我需要知道ionic 4的支持事件吗？ import { Events } from '@ionic-angular';
// Module not found: Error: Can't resolve '@ionic-angular'
浏览 25提问于2019-06-07得票数 1
回答已采纳
我试图在Ionic2中将当前日期设置为开始日期的日期。用户不应该能够选择昨天或以前的日期。
这是我的密码。
<ion-datetime class="date-input-box" min ="2017-04-05" displayFormat="MM/DD/YY" pickerFormat="MMM DD YYYY" [(ngModel)]="event.date"(ionChange)="timeChange()">
我在Ionic1上见过一位冒险家。这个很好用。但我想在ioni
浏览 8提问于2017-04-05得票数 0
回答已采纳
1回答
我是Ionic和sass框架的新手。
我正在尝试为我的应用程序添加自定义颜色，所以我试图更新位于scss文件夹中的ionic.app.scss文件。
因此，如果我试图覆盖一个现有变量，请说：
$assertive : #F35C6 !default;
它工作得很好，但是如果我创建了一个自定义的颜色，请说：
$my-custom-color : #F35C6F !default;
它不起作用。我做得对吗，请帮帮忙！
谢谢。
编辑：
ionic.app.scss文件：
@charset "UTF-8";
/*
To customize the look and feel of Io
浏览 0提问于2016-04-17得票数 0
回答已采纳
我想使用这个插件：，因为它是我在Ionic上找到的唯一一个用于原生社交按钮的插件。
当我在Chrome控制台中运行我的代码时，我得到了这个错误："Cannot read property 'socialsharing‘of undefined“@ (ng-cordova.js:6715)
我多次重装了ng-Cordova，就像它在ngcordova.com和插件中所说的那样，但它似乎不起作用……我在安卓模拟器中尝试了一下，都没有效果。
下面是我的代码:在我的controllers.js中：
angular.module('starter.controllers'
浏览 7提问于2016-09-02得票数 1
回答已采纳
我已经将ion-datetime实现到的场景要求可以禁用某些日期。封锁日期。这在应用程序中相当常见，比如Airbnb。
据我所知，Ionic附带的ion-datetime模块不支持禁用日期，而且我也找不到支持日期和时间选择的外部库，该库可以实现到into和work的现代迭代中。
是否有人以优雅的方式解决了这个问题，或者有任何解决方案使Ionic本地数据报警器从选择轮中禁用某些选择-选择日期？
浏览 5提问于2020-04-05得票数 1
回答已采纳
我正在尝试创建一个基于客户端html5 web项目的iOS/Android应用程序(即一个网站)。我认为Ionic将是理想的选择，它将帮助我尽快移植我的web应用程序。在我的站点中，我会使用“script src="https:// ..."‘标记来加载外部库，然后在另一个脚本标记中调用它。但是，我不能在Ionic3中导入和使用它。我尝试了许多标有“ionic2”的解决方案，但似乎都不起作用。似乎也没有人知道这个问题的一般解决方案，因为每个答案都是特定于案例的。
有没有人知道导入外部js文件并在ionic3中使用它的对象和“类”的一般方法？
(我更喜欢从网络加载，但我也接受下载
浏览 1提问于2017-10-04得票数 2
我在ionic5角IOS中使用这段代码来替换%CC%81，但它不起作用
const regex = /é/gi;
fileName = fileName.replace(regex,"%CC%81");
浏览 5提问于2022-03-09得票数 0
3回答
在5月24日(昨天) mac更新Big Sur (11.4)之后，web检查器只显示Console、Sources和Audit选项卡。控制台选项卡不显示应用程序中的任何内容，它始终为空。Source选项卡不再显示应用程序代码。我试过清理Safari Cache，也尝试过Safari Technology Preview，但这些都不起作用，还是一样烦人的事情。这里有没有人经历过类似的事情？
Safari版本14.1.1 (16611.2.7.1.4)
Safari技术预览版124 (Safari 14.2，WebKit 16612.1.11.10)
环境：
Ionic:
Ionic CL
浏览 0提问于2021-05-26得票数 4
我正在使用ionic-3框架开发混合应用程序。现在我想在ionic-3平台浏览器中添加Google和Facebook登录。Ionic原生插件在平台浏览器上不起作用。
浏览 10提问于2019-03-07得票数 0
1回答
由于ionic5现在发布了，所以现在当我使用这个命令创建ionic start myApp blank --type=angular ionic5应用程序时，我可以通过ionic info命令确认这一点，我想知道如何创建ionic4项目。创建ionic4项目的原因是，我在ionic3中有一个应用程序，我想先升级到ionic4，然后升级到ionic5，而不是直接到最新的应用程序，因为我还不知道ionic5中的重大变化，我也还没有做过工作。
浏览 4提问于2020-03-07得票数 0
回答已采纳
在Ionic 2中，有没有一种方法可以在发生事件后自动打开datetime组件，比如在离子选择模式中按下OK按钮？
因此，它将直接从按ok转到在datetime组件上选择/拉出一个时间。
我还没有找到直接做到这一点的解决方案。
浏览 0提问于2016-07-08得票数 1
我在一个ionic2应用程序上工作了大约4到5天，突然之间，这个应用程序开始变得异常。
设置日期字段不再工作
当我导航时，选项卡不会改变颜色
*ngFor不再正常工作了
我甚至回到了以前的承诺，但它仍然不起作用。我甚至从我的系统中删除并安装了离子。
然而，当我运行ionic serve时，我会看到许多main.js文件，如0.main.js、1.main.js、2.main.js
浏览 1提问于2017-05-07得票数 0
我正在使用Ionic version 5.4.16，我正在尝试通过硬件返回按钮关闭应用程序，并显示确认退出的警告消息。我查阅了很多教程，我发现有两种方法可以做到这一点--
this.platform.exitApp();
和
navigator.app.exitapp()
和
navigator.["app"].exitapp();
但这些选项在Ionic 5中都不起作用，它无法识别函数exitApp()。所以，如果有人遇到过同样的问题，如何做到这一点呢?谢谢。
浏览 0提问于2020-04-13得票数 1
2回答
我正在建立一个离子2项目的打字稿。我有以下css：
.bottle {
background: linear-gradient(0deg, pink 100%, white 0%);
}
我想从Javascript / typescript中调整线性梯度上的pink值，我已经在我的类型记录中做了下面的工作，但是我发现bottleFill上不存在样式元素。我做错了什么？
import {Page, Alert, NavController} from 'ionic-angular';
@Page({
templateUrl: 'build/pages/h
浏览 5提问于2016-03-15得票数 0
1回答
这是我的代码：
angular.module('app', ['ionic', 'ngMessages', 'ngCordova', 'jett.ionic.filter.bar',
'ion-datetime-picker', 'angularMoment', 'ngCordova.plugins.progressIndicator', 'ionic-timepicker']) //, $httpProvider
.config(configBloc
浏览 0提问于2018-03-08得票数 0
我正在尝试在ionic2中使用network api，离子原生文档示例不起作用:我的代码是：
import { Network } from 'ionic-native';
networkType:string;
constructor() {
// watch network for a connection
let connectSubscription = Network.onConnect().subscribe(() => {
this.networkType = Network.type;
});
}
如果有人
浏览 0提问于2017-01-16得票数 1
我正在尝试使用typescript获取ionic 2中的设备宽度和高度。
在我使用的前一个版本的ionic 2中，
window.screen.width
window.screen.height
但在较新的版本中，这不起作用。
它是如何使用Type Script + ionic 2的？
浏览 18提问于2016-08-03得票数 50
回答已采纳
我使用IONIC-2 Beta版制作了一个应用程序，我正在尝试在关闭应用程序之前获得警报。
在我使用的前一个版本的ionic 2中，
但在较新的版本中，这不起作用。
它是如何使用Type Script + ionic 2的？
浏览 0提问于2016-08-29得票数 1
1回答
我有一个ion-datetime表单字段，它让用户选择分钟和秒；但是，出于某种原因，表单字段总是显示为空白。我知道答案与javascript Date()函数有关，但我似乎无法得到我想要的结果。
<ion-item class="formField">
<ion-label stacked>Time</ion-label>
<ion-label class="warningLabel">(Max of 5 minutes)</ion-label>
<ion-da
浏览 1提问于2018-08-28得票数 0
回答已采纳
1回答
我想在ionic3中捕获列表组件的滚动事件，如下例所示：
<ion-content on-scroll = "scrolling()" on-scroll-complete = "scrollComplete()">
<ion-list>
<ion-item ng-repeat="item in items"
item="item"
href="#/item/{{item.id}}">
Item {
浏览 2提问于2018-02-19得票数 2
回答已采纳
我开发了一个控制台应用程序，它用密码将目录中的文件压缩到目标文件夹。我正在将目录中的文件压缩到带有密码的目标文件夹中。
这是密码。在我当地的个人电脑里，它工作得很好。我已经为这个应用程序创建了安装程序，并安装在我的个人电脑以及其他PC上。在我的电脑里，它工作得很好。但在其他个人电脑上，却出现了例外。你能告诉我这个问题可能是什么吗?我该怎么解决？是与权限相关的问题还是其他问题。
{
int codePage = 0;
ZipEntry e = null;
string entryComment = null;
string entryDirectoryPathIn
浏览 1提问于2014-01-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
