在 iOS 上查看时，是不是可以在使用 UIDatePickerView 的 Web 表单中使用 HTML？

Posted 2023-05-07

【中文标题】在 iOS 上查看时，是不是可以在使用 UIDatePickerView 的 Web 表单中使用 HTML？

【英文标题】：Is it possible to use HTML in web form that uses UIDatePickerView when viewed on iOS?在 iOS 上查看时，是否可以在使用 UIDatePickerView 的 Web 表单中使用 HTML？

【发布时间】：2011-04-12 08:42:50

【问题描述】：

我想在带有日期字段的 UIWebView 中显示基于 html 的表单。我希望操作系统将此识别为日期并显示用于输入日期的 UIDatePickerView，类似于在表单选择字段中输入数据时显示 UIPickerView 的方式。这可能吗？

【问题讨论】：

***.com/questions/388814/… 可能会提供一些有用的信息。

【参考方案1】：

这是一个仅适用于 javascript 的控件，可能会起作用...我保存了链接以供参考，但从未使用过它

http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch

下面是我刚刚输入的一些代码，说明你可以如何做到这一点。我没有测试过这段代码，它只是为了提供信息。基本上只需检查您需要的特定条件的所有点击链接，弹出选择器并获取结果

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;

    NSURL *loadURL = [[request URL] retain];
    BOOL dateLinkClicked = // determine this somehow specific to your code
    // Check navigationType. Else this alert will be visible on every load of UIWebView 
    if (  navigationType == UIWebViewNavigationTypeLinkClicked  && dateLinkClicked )
    
        // Initialization code
        datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 250, 325, 250)];
        datePicker.datePickerMode = UIDatePickerModeDate;
        datePicker.hidden = NO;
        datePicker.date = [NSDate date];
        [datePicker addTarget:self
               action:@selector(dateSelected:)
               forControlEvents:UIControlEventValueChanged];
        [self.view addSubview:datePicker];
        [datePicker release];
     else 
        [loadURL release];
        return YES;
    
    return NO;

DataPicker 的操作方法

- (void)dateSelected:(id)sender
    //Use NSDateFormatter to write out the date in a friendly format
    NSDateFormatter *df = [[NSDateFormatter alloc] init];
    df.dateStyle = NSDateFormatterMediumStyle;

        // do something with date
    NSString * dateText = [NSString stringWithFormat:@"%@",
                 [df stringFromDate:datePicker.date]];
    [df release];

【讨论】：

谢谢。 几乎完美。这与一点 JavaScript 相结合让我达到了 99%。这是一个示例项目：jonn8.com/dist/UIWebViewWithUIDatePicker.zip 唯一的问题是在填写表单时无法从上一个和下一个按钮访问日期选择器。小问题。