{"id":30850,"date":"2024-11-25T08:13:13","date_gmt":"2024-11-25T00:13:13","guid":{"rendered":"https:\/\/fwq.ai\/blog\/30850\/"},"modified":"2024-11-25T08:13:13","modified_gmt":"2024-11-25T00:13:13","slug":"%e8%af%a6%e8%a7%a3picker%e6%97%a5%e6%9c%9f%e5%92%8c%e6%97%b6%e9%97%b4%e9%80%89%e6%8b%a9%e5%99%a8","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/30850\/","title":{"rendered":"\u8be6\u89e3picker\u65e5\u671f\u548c\u65f6\u95f4\u9009\u62e9\u5668"},"content":{"rendered":"

\u4e0b\u9762\u6765\u4ecb\u7ecd\u5c0fpicker\uff0c\u5206\u4e09\u79cd\u6837\u5f0f\uff1a<\/p>\n

\u9ed8\u8ba4\u7684\u81ea\u5df1\u53ef\u4ee5\u5b9a\u4e49\u6570\u636e\u7684<\/p>\n

mode=”time”\u662f\u65f6\u95f4\u9009\u62e9\u5668<\/p>\n

mode=”date”\u662f\u65e5\u671f\u9009\u62e9\u5668<\/p>\n

\u8ddf\u5176\u4ed6\u7684\u4e00\u6837\u5148\u6765\u770b\u4e0bpicker.wxml<\/p>\n

<view>\r\n <view>\r\n <text>picker<\/text>\r\n <text>\u9009\u62e9\u5668<\/text>\r\n <\/view>\r\n <view>\r\n <view>\r\n  <view>\u5730\u533a\u9009\u62e9\u5668<\/view>\r\n  <picker>\r\n  <view>\r\n   \u5f53\u524d\u9009\u62e9\uff1apw_array[index]\r\n  <\/view>\r\n  <\/picker>\r\n <\/view>\r\n <view>\r\n  <view>\u65f6\u95f4\u9009\u62e9\u5668<\/view>\r\n  <picker>\r\n  <view>\r\n   \u5f53\u524d\u9009\u62e9: pw_time\r\n  <\/view>\r\n  <\/picker>\r\n <\/view>\r\n\r\n\r\n <view>\r\n  <view>\u65e5\u671f\u9009\u62e9\u5668<\/view>\r\n  <picker>\r\n  <view>\r\n   \u5f53\u524d\u9009\u62e9: pw_date\r\n  <\/view>\r\n  <\/picker>\r\n <\/view>\r\n <\/view><\/view><\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
picker.wxss<\/p>\n
page {\r\n background-color: #fbf9fe;\r\n height: 100%;\r\n}\r\n.page__hd{\r\n padding: 50rpx 50rpx 100rpx 50rpx;\r\n text-align: center;\r\n}\r\n.page__title{\r\n display: inline-block;\r\n padding: 20rpx 40rpx;\r\n font-size: 32rpx;\r\n color: #AAAAAA;\r\n border-bottom: 1px solid #CCCCCC;\r\n}\r\n.page__desc{\r\n display: none;\r\n margin-top: 20rpx;\r\n font-size: 26rpx;\r\n color: #BBBBBB;\r\n}\r\n.section{\r\n margin-bottom: 80rpx;\r\n}\r\n.section__title{\r\n margin-bottom: 16rpx;\r\n padding-left: 30rpx;\r\n padding-right: 30rpx;\r\n}\r\n.picker{\r\n padding: 26rpx;\r\n background-color: #FFFFFF;\r\n}<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
picker.js<\/p>\n
Page({\r\n data: {\r\n array: ['\u4e2d\u56fd', '\u7f8e\u56fd', '\u5df4\u897f', '\u65e5\u672c'],\r\n index: 0,\r\n date: '2016-09-01',\r\n time: '12:01'\r\n },\r\n bindPickerChange: function(e) {\r\n console.log('picker\u53d1\u9001\u9009\u62e9\u6539\u53d8\uff0c\u643a\u5e26\u503c\u4e3a', e.detail.value)\r\n this.setData({\r\n  index: e.detail.value\r\n })\r\n },\r\n bindDateChange: function(e) {\r\n this.setData({\r\n  date: e.detail.value\r\n })\r\n },\r\n bindTimeChange: function(e) {\r\n this.setData({\r\n  time: e.detail.value\r\n })\r\n }\r\n})<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
demo\u5730\u5740 :WeAppDemo_jb51.rar<\/p>\n
\u4e0b\u9762\u662f\u9875\u9762\u5c55\u793a<\/p>\n
\"\u8be6\u89e3picker\u65e5\u671f\u548c\u65f6\u95f4\u9009\u62e9\u5668\u63d2\u56fe\"<\/p>\n
\u4e09\u79cd\u6837\u5f0f\u56fe\uff1a<\/p>\n
1. \u9ed8\u8ba4\u7684\u81ea\u5df1\u53ef\u4ee5\u5b9a\u4e49\u6570\u636e\u7684<\/p>\n
\"\u8be6\u89e3picker\u65e5\u671f\u548c\u65f6\u95f4\u9009\u62e9\u5668\u63d2\u56fe1\"<\/p>\n
2. mode=”time”\u662f\u65f6\u95f4\u9009\u62e9\u5668<\/p>\n
\"\u8be6\u89e3picker\u65e5\u671f\u548c\u65f6\u95f4\u9009\u62e9\u5668\u63d2\u56fe2\"<\/p>\n
3. mode=”date”\u662f\u65e5\u671f\u9009\u62e9\u5668<\/p>\n
\"\u8be6\u89e3picker\u65e5\u671f\u548c\u65f6\u95f4\u9009\u62e9\u5668\u63d2\u56fe3\"<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u8be6\u89e3picker\u65e5\u671f\u548c\u65f6\u95f4\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":"
\u4e0b\u9762\u6765\u4ecb\u7ecd\u5c0fpicker\uff0c\u5206\u4e09\u79cd\u6837\u5f0f\uff1a \u9ed8\u8ba4\u7684\u81ea\u5df1\u53ef\u4ee5\u5b9a\u4e49\u6570\u636e\u7684 mode=”time”\u662f\u65f6\u95f4\u9009\u62e9\u5668 mode=”date”\u662f\u65e5\u671f\u9009\u62e9\u5668 \u8ddf\u5176\u4ed6\u7684\u4e00\u6837\u5148\u6765\u770b\u4e0bpicker.wxml <view>  <view>  <text>picker<\/text>  <text>\u9009\u62e9\u5668<\/text>  <\/view>  <view>  <view>   <view>\u5730\u533a\u9009\u62e9\u5668<\/view>   <picker>   <view>    \u5f53\u524d\u9009\u62e9\uff1apw_array[index]   <\/view>   <\/picker>  <\/view>  <view>   <view>\u65f6\u95f4\u9009\u62e9\u5668<\/view>   <picker>   <view>    \u5f53\u524d\u9009\u62e9: pw_time   <\/view>   <\/picker>  <\/view>  <view>   <view>\u65e5\u671f\u9009\u62e9\u5668<\/view>   <picker>   <view>    \u5f53\u524d\u9009\u62e9: pw_date   <\/view>   <\/picker>  <\/view>  <\/view><\/view> \u767b\u5f55\u540e\u590d\u5236 picker.wxss page {  background-color: #fbf9fe;  height: 100%; } .page__hd{  padding: 50rpx 50rpx 100rpx 50rpx;  text-align: center; } .page__title{  display: inline-block;  padding: 20rpx 40rpx;  font-size: 32rpx;  color: #AAAAAA;  border-bottom: 1px solid #CCCCCC; } .page__desc{  display: none; […]<\/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-30850","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30850","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=30850"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30850\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=30850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=30850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=30850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}