{"id":29347,"date":"2024-11-25T12:47:08","date_gmt":"2024-11-25T04:47:08","guid":{"rendered":"https:\/\/fwq.ai\/blog\/29347\/"},"modified":"2024-11-25T12:47:08","modified_gmt":"2024-11-25T04:47:08","slug":"picker%e6%bb%9a%e5%8a%a8%e9%80%89%e6%8b%a9%e5%99%a8","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/29347\/","title":{"rendered":"picker\u6eda\u52a8\u9009\u62e9\u5668"},"content":{"rendered":"<p><a><strong>\u7ec4\u4ef6\u8bf4\u660e\uff1a<\/strong><\/p>\n<p style=\"margin-top: 0px;margin-bottom: 0px;padding: 0px;line-height: 2em\">picker\uff1a<\/p>\n<p style=\"margin-top: 0px;margin-bottom: 0px;padding: 0px;line-height: 2em\">\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<span style=\"letter-spacing: 0px;line-height: 1.6\">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<\/span><\/p>\n<p style=\"margin-top: 0px;margin-bottom: 0px;padding: 0px;line-height: 2em\">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 style=\"margin-top: 0px;margin-bottom: 0px;padding: 0px\"><\/p>\n<p style=\"margin-top: 0px;margin-bottom: 0px;padding: 0px;line-height: 2em\">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 style=\"margin-top: 0px;margin-bottom: 0px;padding: 0px;line-height: 2em\">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.pagehd{\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.pagetitle{\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.pagedesc{\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.sectiontitle{\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 style=\"margin-top: 0px;margin-bottom: 0px;padding: 0px\"><\/p>\n<p style=\"margin-top: 0px;margin-bottom: 0px;padding: 0px;line-height: 2em\">\u4e3b\u8981\u5c5e\u6027\uff1a<\/p>\n<p style=\"margin-top: 0px;margin-bottom: 0px;padding: 0px;line-height: 2em\"><img decoding=\"async\" src=\"https:\/\/img.php.cn\/\/upload\/image\/471\/612\/966\/1490428502563508.jpg\" class=\"aligncenter\" title=\"picker\u6eda\u52a8\u9009\u62e9\u5668\u63d2\u56fe\" alt=\"picker\u6eda\u52a8\u9009\u62e9\u5668\u63d2\u56fe\" \/><\/p>\n<p>\u4ee5\u4e0a\u5c31\u662fpicker\u6eda\u52a8\u9009\u62e9\u5668\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; 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&#8242;, &nbsp;&nbsp;&nbsp;&nbsp;time:&nbsp;&#8217;12: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-29347","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29347","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=29347"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29347\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=29347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=29347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=29347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}