如何在Ionic中限制时间选择器的范围?

时间:2019-02-27 09:37:48

标签: html angular typescript ionic-framework

我正在尝试在移动应用程序中创建一个表单,用户必须在该表单中提交保留的开始时间和结束时间。我想限制用户可以选择的时间范围,假设某个机构只能在其开放时间(例如:10:00 am-9:00pm)内进行预订。

不幸的是,使用离子日期时间无法做到这一点。我还能做些什么吗?

1 个答案:

答案 0 :(得分:0)

如果将日期和时间选择分为几个单独的字段,则可以使用func getXibViewWithClassNameString(classNameString:String)->AnyObject?{ let projectName = Bundle.main.infoDictionary!["CFBundleExecutable"] as? String let MyClass:AnyClass = NSClassFromString(projectName! + "." + classNameString)! var viewArray:NSArray? var xibView:AnyClass? Bundle.main.loadNibNamed(classNameString, owner: nil, topLevelObjects: &viewArray) for viewInArray in viewArray ?? [] { if (viewInArray is MyClass){ xibView = viewInArray as MyClass } } return xibView } ,如下所示,一个用于日期,另一个用于开始和结束时间,请注意ion-datetime和{限制的{1}}属性:

min

然后,如果要将它们存储为一个值,则可以在提交表单之前将它们加入组件中,这可以通过简单的字符串连接-max完成,因为返回值是字符串。或使用moment做更多的事情。