{"id":29416,"date":"2024-11-25T14:44:28","date_gmt":"2024-11-25T06:44:28","guid":{"rendered":"https:\/\/fwq.ai\/blog\/29416\/"},"modified":"2024-11-25T14:44:28","modified_gmt":"2024-11-25T06:44:28","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%ef%bc%9apicker%e6%bb%9a%e5%8a%a8%e9%80%89%e6%8b%a9%e5%99%a8%e8%af%a6%e7%bb%86%e4%bb%8b%e7%bb%8d","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/29416\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff1apicker\u6eda\u52a8\u9009\u62e9\u5668\u8be6\u7ec6\u4ecb\u7ecd"},"content":{"rendered":"<p>\u7ec4\u4ef6\u8bf4\u660e\uff1a<\/p>\n<p>picker\uff1a<\/p>\n<p>\u6eda\u52a8\u9009\u62e9\u5668\uff0c\u73b0\u652f\u6301\u4e09\u79cd\u9009\u62e9\u5668\uff0c\u901a\u8fc7mode\u5c5e\u6027\u6765\u533a\u5206\uff0c\u5206\u522b\u662f\u666e\u901a\u9009\u62e9\u5668(mode = selector)\uff0c\u65f6\u95f4\u9009\u62e9\u5668(mode = time)\uff0c\u65e5\u671f\u9009\u62e9\u5668(mode = date)\uff0c\u9ed8\u8ba4\u662f\u666e\u901a\u9009\u62e9\u5668\u3002&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<\/p>\n<p>wxml<\/p>\n<pre>&lt;view&gt;\r\n&nbsp;&nbsp;&lt;view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;text&gt;picker&lt;\/text&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;text&gt;\u9009\u62e9\u5668&lt;\/text&gt;\r\n&nbsp;&nbsp;&lt;\/view&gt;\r\n&nbsp;&nbsp;&lt;view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\u5730\u533a\u9009\u62e9\u5668&lt;\/view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;picker&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\u5f53\u524d\u9009\u62e9\uff1a{{array[index]}}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/picker&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\u65f6\u95f4\u9009\u62e9\u5668&lt;\/view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;picker&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\u5f53\u524d\u9009\u62e9:&nbsp;{{time}}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/picker&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\u65e5\u671f\u9009\u62e9\u5668&lt;\/view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;picker&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\u5f53\u524d\u9009\u62e9:&nbsp;{{date}}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/picker&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;\r\n&nbsp;&nbsp;&lt;\/view&gt;&lt;\/view&gt;<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p>js<\/p>\n<pre>Page({\r\n&nbsp;&nbsp;data:&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;array:&nbsp;['\u4e2d\u56fd',&nbsp;'\u7f8e\u56fd',&nbsp;'\u5df4\u897f',&nbsp;'\u65e5\u672c'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;index:&nbsp;0,\r\n&nbsp;&nbsp;&nbsp;&nbsp;date:&nbsp;'2016-09-01',\r\n&nbsp;&nbsp;&nbsp;&nbsp;time:&nbsp;'12:01'\r\n&nbsp;&nbsp;},\r\n&nbsp;&nbsp;bindPickerChange:&nbsp;function(e)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;console.log('picker\u53d1\u9001\u9009\u62e9\u6539\u53d8\uff0c\u643a\u5e26\u503c\u4e3a',&nbsp;e.detail.value)\r\n&nbsp;&nbsp;&nbsp;&nbsp;this.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;index:&nbsp;e.detail.value\r\n&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;},\r\n&nbsp;&nbsp;bindDateChange:&nbsp;function(e)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;this.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;date:&nbsp;e.detail.value\r\n&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;},\r\n&nbsp;&nbsp;bindTimeChange:&nbsp;function(e)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;this.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;time:&nbsp;e.detail.value\r\n&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;}\r\n})<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p>wxss<\/p>\n<pre>.page&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;min-height:&nbsp;100%;\r\n&nbsp;&nbsp;&nbsp;&nbsp;flex:&nbsp;1;\r\n&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;#FBF9FE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;font-size:&nbsp;32rpx;\r\n&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;-apple-system-font,Helvetica&nbsp;Neue,Helvetica,sans-serif;\r\n&nbsp;&nbsp;&nbsp;&nbsp;overflow:&nbsp;hidden;\r\n}\r\n.page__hd{\r\n&nbsp;&nbsp;&nbsp;&nbsp;padding:&nbsp;50rpx&nbsp;50rpx&nbsp;100rpx&nbsp;50rpx;\r\n&nbsp;&nbsp;&nbsp;&nbsp;text-align:&nbsp;center;\r\n}\r\n.page__title{\r\n&nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;inline-block;\r\n&nbsp;&nbsp;&nbsp;&nbsp;padding:&nbsp;20rpx&nbsp;40rpx;\r\n&nbsp;&nbsp;&nbsp;&nbsp;font-size:&nbsp;32rpx;\r\n&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#AAAAAA;\r\n&nbsp;&nbsp;&nbsp;&nbsp;border-bottom:&nbsp;1px&nbsp;solid&nbsp;#CCCCCC;\r\n}\r\n.page__desc{\r\n&nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;none;\r\n&nbsp;&nbsp;&nbsp;&nbsp;margin-top:&nbsp;20rpx;\r\n&nbsp;&nbsp;&nbsp;&nbsp;font-size:&nbsp;26rpx;\r\n&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#BBBBBB;\r\n}\r\n.picker{\r\n&nbsp;&nbsp;padding:&nbsp;26rpx;\r\n&nbsp;&nbsp;background-color:&nbsp;#FFFFFF;\r\n}\r\n.section{\r\n&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom:&nbsp;80rpx;\r\n}\r\n.section__title{\r\n&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom:&nbsp;16rpx;\r\n&nbsp;&nbsp;&nbsp;&nbsp;padding-left:&nbsp;30rpx;\r\n&nbsp;&nbsp;&nbsp;&nbsp;padding-right:&nbsp;30rpx;\r\n}<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p>\u4e3b\u8981\u5c5e\u6027\uff1a<\/p>\n<p>\u666e\u901a\u9009\u62e9\u5668\uff1a(mode = selector)<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/\/upload\/image\/182\/412\/934\/1490512589872715.png\" style=\"max-width:90%\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff1apicker\u6eda\u52a8\u9009\u62e9\u5668\u8be6\u7ec6\u4ecb\u7ecd\u63d2\u56fe\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff1apicker\u6eda\u52a8\u9009\u62e9\u5668\u8be6\u7ec6\u4ecb\u7ecd\u63d2\u56fe\" \/><\/p>\n<p>\u65f6\u95f4\u9009\u62e9\u5668\uff1a(mode = time)<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/\/upload\/image\/626\/434\/638\/1490512611933297.png\" style=\"max-width:90%\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff1apicker\u6eda\u52a8\u9009\u62e9\u5668\u8be6\u7ec6\u4ecb\u7ecd\u63d2\u56fe1\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff1apicker\u6eda\u52a8\u9009\u62e9\u5668\u8be6\u7ec6\u4ecb\u7ecd\u63d2\u56fe1\" \/><\/p>\n<p>\u65e5\u671f\u9009\u62e9\u5668\uff1a(mode = date)<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/\/upload\/image\/198\/604\/125\/1490512644191797.png\" style=\"max-width:90%\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff1apicker\u6eda\u52a8\u9009\u62e9\u5668\u8be6\u7ec6\u4ecb\u7ecd\u63d2\u56fe2\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff1apicker\u6eda\u52a8\u9009\u62e9\u5668\u8be6\u7ec6\u4ecb\u7ecd\u63d2\u56fe2\" \/><\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff1apicker\u6eda\u52a8\u9009\u62e9\u5668\u8be6\u7ec6\u4ecb\u7ecd\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7ec4\u4ef6\u8bf4\u660e\uff1a picker\uff1a \u6eda\u52a8\u9009\u62e9\u5668\uff0c\u73b0\u652f\u6301\u4e09\u79cd\u9009\u62e9\u5668\uff0c\u901a\u8fc7mode\u5c5e\u6027\u6765\u533a\u5206\uff0c\u5206\u522b\u662f\u666e\u901a\u9009\u62e9\u5668(mode = selector)\uff0c\u65f6\u95f4\u9009\u62e9\u5668(mode = time)\uff0c\u65e5\u671f\u9009\u62e9\u5668(mode = date)\uff0c\u9ed8\u8ba4\u662f\u666e\u901a\u9009\u62e9\u5668\u3002&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; wxml &lt;view&gt; &nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;text&gt;picker&lt;\/text&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;text&gt;\u9009\u62e9\u5668&lt;\/text&gt; &nbsp;&nbsp;&lt;\/view&gt; &nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\u5730\u533a\u9009\u62e9\u5668&lt;\/view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;picker&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\u5f53\u524d\u9009\u62e9\uff1a{{array[index]}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/picker&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\u65f6\u95f4\u9009\u62e9\u5668&lt;\/view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;picker&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\u5f53\u524d\u9009\u62e9:&nbsp;{{time}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/picker&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\u65e5\u671f\u9009\u62e9\u5668&lt;\/view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;picker&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\u5f53\u524d\u9009\u62e9:&nbsp;{{date}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/picker&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt; &nbsp;&nbsp;&lt;\/view&gt;&lt;\/view&gt; \u767b\u5f55\u540e\u590d\u5236 js Page({ &nbsp;&nbsp;data:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;array:&nbsp;[&#8216;\u4e2d\u56fd&#8217;,&nbsp;&#8216;\u7f8e\u56fd&#8217;,&nbsp;&#8216;\u5df4\u897f&#8217;,&nbsp;&#8216;\u65e5\u672c&#8217;], &nbsp;&nbsp;&nbsp;&nbsp;index:&nbsp;0, &nbsp;&nbsp;&nbsp;&nbsp;date:&nbsp;&#8216;2016-09-01&#8217;, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-29416","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=29416"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29416\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=29416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=29416"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=29416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}