Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wzj-java
uni-app
提交
02f4bb8e
U
uni-app
项目概览
wzj-java
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
02f4bb8e
编写于
12月 23, 2020
作者:
A
anne-lxm
提交者:
GitHub
12月 23, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
更新picker-view示例
更新picker-view示例
上级
cbee75ba
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
59 addition
and
45 deletion
+59
-45
docs/component/picker-view.md
docs/component/picker-view.md
+59
-45
未找到文件。
docs/component/picker-view.md
浏览文件 @
02f4bb8e
...
...
@@ -28,14 +28,16 @@
**示例**
[
查看演示
](
https://hellouniapp.dcloud.net.cn/pages/component/picker-view/picker-view
)
以下示例代码,来自于
[
hello uni-app项目
](
https://github.com/dcloudio/hello-uniapp
)
,推荐使用HBuilderX,新建uni-app项目,选择hello uni-app模板,可直接体验完整示例。
```
html
```
javascript
<!--
本示例未包含完整css
,
获取外链css请参考上文
,
在hello
uni
-
app项目中查看
-->
<
template
>
<
view
>
<
view
class
=
"
uni-padding-wrap
"
>
<view
class=
"uni-title"
>
日期:{{year}}年{{month}}月{{day}}日
</view>
</view>
<picker-view
v-if=
"visible"
:indicator-style=
"indicatorStyle"
:value=
"value"
@
change=
"bindChange"
>
<
view
class
=
"
uni-title
"
>
日期
:
{{
year
}}
年
{{
month
}}
月
{{
day
}}
日
<
/view>
<
/view>
<
picker
-
view
v
-
if
=
"
visible
"
:
indicator
-
style
=
"
indicatorStyle
"
:
value
=
"
value
"
@
change
=
"
bindChange
"
class
=
"
picker-view
"
>
<
picker
-
view
-
column
>
<
view
class
=
"
item
"
v
-
for
=
"
(item,index) in years
"
:
key
=
"
index
"
>
{{
item
}}
年
<
/view>
<
/picker-view-column>
...
...
@@ -48,49 +50,61 @@
<
/picker-view>
<
/view>
<
/template>
```
```
javascript
export
default
{
data
:
function
()
{
const
date
=
new
Date
()
const
years
=
[]
const
year
=
date
.
getFullYear
()
const
months
=
[]
const
month
=
date
.
getMonth
()
+
1
const
days
=
[]
const
day
=
date
.
getDate
()
for
(
let
i
=
1990
;
i
<=
date
.
getFullYear
();
i
++
)
{
years
.
push
(
i
)
}
for
(
let
i
=
1
;
i
<=
12
;
i
++
)
{
months
.
push
(
i
)
}
for
(
let
i
=
1
;
i
<=
31
;
i
++
)
{
days
.
push
(
i
)
}
return
{
title
:
'
picker-view
'
,
years
,
year
,
months
,
month
,
days
,
day
,
value
:
[
9999
,
month
-
1
,
day
-
1
],
visible
:
true
,
indicatorStyle
:
`height:
${
Math
.
round
(
uni
.
getSystemInfoSync
().
screenWidth
/
(
750
/
100
))}
px;`
}
},
methods
:
{
bindChange
:
function
(
e
)
{
const
val
=
e
.
detail
.
value
this
.
year
=
this
.
years
[
val
[
0
]]
this
.
month
=
this
.
months
[
val
[
1
]]
this
.
day
=
this
.
days
[
val
[
2
]]
<
script
>
export
default
{
data
:
function
()
{
const
date
=
new
Date
()
const
years
=
[]
const
year
=
date
.
getFullYear
()
const
months
=
[]
const
month
=
date
.
getMonth
()
+
1
const
days
=
[]
const
day
=
date
.
getDate
()
for
(
let
i
=
1990
;
i
<=
date
.
getFullYear
();
i
++
)
{
years
.
push
(
i
)
}
for
(
let
i
=
1
;
i
<=
12
;
i
++
)
{
months
.
push
(
i
)
}
for
(
let
i
=
1
;
i
<=
31
;
i
++
)
{
days
.
push
(
i
)
}
return
{
title
:
'
picker-view
'
,
years
,
year
,
months
,
month
,
days
,
day
,
value
:
[
9999
,
month
-
1
,
day
-
1
],
visible
:
true
,
indicatorStyle
:
`height: 50px;`
}
},
methods
:
{
bindChange
:
function
(
e
)
{
const
val
=
e
.
detail
.
value
this
.
year
=
this
.
years
[
val
[
0
]]
this
.
month
=
this
.
months
[
val
[
1
]]
this
.
day
=
this
.
days
[
val
[
2
]]
}
}
}
}
<
/script>
<
style
>
.
picker
-
view
{
width
:
750
rpx
;
height
:
600
rpx
;
margin
-
top
:
20
rpx
;
}
.
item
{
height
:
50
px
;
align
-
items
:
center
;
justify
-
content
:
center
;
text
-
align
:
center
;
}
<
/style>
```
![
uniapp
](
https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/picker-view.png
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录