blocks|key|793542|text|iOS+5现在更好地支持HTML5。在您的webapp应用中执行|type|unstyled|depth|inlineStyleRanges|entityRanges|data|793543|<input+type="date"+name="date"+/>|code-block|syntax|javascript|793544|从4.0开始，Android缺少这种本机菜单支持。|793545|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>iOS 5 now supports HTML5 better.
in your webapp do</p>

<pre><code>&lt;input type="date" name="date" /&gt;
</code></pre>

<p>Android as of 4.0 lacks this type of native menu support.</p>


blocks|key|793407|text|iOS5支持这一点(Reference)。如果你想调用原生日期选择器，你可能有一个带有PhoneGap的选项(我自己还没有测试过)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|793408|entityMap|0|LINK|mutability|MUTABLE|url|http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5^0|A|9|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>iOS5 has support for this (<a href="http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5" rel="nofollow">Reference</a>). If you want to invoke the native date picker you might have a an option with PhoneGap (have not tested this myself). </p>


blocks|key|1007657|text|试一试Mobiscroll。滚动条风格的日期和时间选择器是专门为触摸设备上的交互而创建的。它相当灵活，而且很容易定制。它带有iOS/Android主题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1007658|entityMap|0|LINK|mutability|MUTABLE|url|http://mobiscroll.com/^0|3|A|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>Give <a href="http://mobiscroll.com" rel="nofollow noreferrer">Mobiscroll</a> a try.
The scroller style date and time picker was especially created for interaction on touch devices.
It is pretty flexible, and easily customizable. It comes with iOS/Android themes.</p>


blocks|key|1007852|text|您可以使用Trigger.io's+UI模块将原生的Android日期/时间选择器与常规的HTML5输入一起使用。这样做确实需要使用整体框架(所以不会像普通的移动网页那样工作)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1007853|你可以在这篇博客文章中看到前后的屏幕截图：date+time+picker|1007854|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.trigger.io/en/v1.4/modules/ui.html|1|http://trigger.io/cross-platform-application-development-blog/2012/11/16/new-feature-roundup-native-date-time-picker-analytics-with-flurry-android-events/^0|5|F|0|0|L|G|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

<p>You could use <a href="http://docs.trigger.io/en/v1.4/modules/ui.html" rel="nofollow">Trigger.io's UI</a> module to use the native Android date / time picker with a regular HTML5 input. Doing that does require using the overall framework though (so won't work as a regular mobile web page).</p>

<p>You can see before and after screenshots in this blog post: <a href="http://trigger.io/cross-platform-application-development-blog/2012/11/16/new-feature-roundup-native-date-time-picker-analytics-with-flurry-android-events/" rel="nofollow">date time picker</a></p>


blocks|key|1007974|text|在HTML中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1007975|++<form+id="my_form"><input+id="my_field"+type="date"+/></form>|code-block|syntax|javascript|1007976|在JavaScript中|1007977|​|1007978|+++//+test+and+transform+if+needed
++++if($('#my_field').attr('type')+===+'text'){
++++++++$('#my_field').attr('type',+'text').attr('placeholder','aaaa-mm-dd');++
++++};

++++//+check
++++if($('#my_form')[0].elements[0].value.search(/(19[0-9][0-9]%7C20[0-1][0-5])[-+\-.](0[1-9]%7C1[012])[-+\-.](0[1-9]%7C[12][0-9]%7C3[01])$/i)+===+0){
++++++++$('#my_field').removeClass('bad');
++++}+else+{
++++++++$('#my_field').addClass('bad');
++++};|1007979|1007980|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|S|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|M|3|J|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<p>In HTML:</p>

<pre><code>  &lt;form id="my_form"&gt;&lt;input id="my_field" type="date" /&gt;&lt;/form&gt;
</code></pre>

<p>In JavaScript</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>   // test and transform if needed
    if($('#my_field').attr('type') === 'text'){
        $('#my_field').attr('type', 'text').attr('placeholder','aaaa-mm-dd');  
    };

    // check
    if($('#my_form')[0].elements[0].value.search(/(19[0-9][0-9]|20[0-1][0-5])[- \-.](0[1-9]|1[012])[- \-.](0[1-9]|[12][0-9]|3[01])$/i) === 0){
        $('#my_field').removeClass('bad');
    } else {
        $('#my_field').addClass('bad');
    };</code></pre>
</div>
</div>
</p>


blocks|key|793714|text|在表单元素上使用input+type="time"。它将为您省去尝试使用数据选取器库的所有麻烦。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|793715|entityMap^0|8|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>On your form elements use <code>input type="time"</code>. It will save you all the hassle of trying to use a data picker library.</p>


<p>I'm trying to explore the posibilities with running a native web-app on different platforms using HTML5. Currently, an <code>&lt;input type="date"&gt;</code>field just opens the standard soft keyboard on Android and iOS. I suppose that in the future the mobile OS's soft keyboards will include date pickers and such - just as <code>&lt;select&gt;</code> invokes the native select today.</p>

<p>Since this isn't implemented on either Android or iOS, but is implemented in native UI, is it possible for a web-app to invoke the native date picker, i.e. when clicked on?</p>

<p>This would make it possible for us to stop using JavaScript libraries like jQuery mobile and YUI.</p>

<p>If my question is in any way unclear, please tell me. Thank you in advance :-)</p>


Invoke native date picker from web-app on iOS/Android

PhoneGap

Android

jQuery

HTML5

我正在尝试使用HTML5在不同的平台上运行原生web应用的可能性。目前，在安卓和iOS上，<input type="date">字段只能打开标准的软键盘。我猜想将来移动操作系统的软键盘会包括日期选择器之类的--就像<select>现在调用原生select一样。由于这不是在安卓或iOS上实现的，而是在原生UI中实现的，web应用程序是否可以调用原生日期选择器，即当点击时？这将使我们有可能停止使用像j

问在iOS/Android上从web-app调用本地日期选择器
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iOS/Android上从web-app调用本地日期选择器EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iOS/Android上从web-app调用本地日期选择器
EN