如何使用微信小程序中组件设计出日期控件获取值

 时间:2024-10-12 20:23:33

1、第一步,打开微信小程序开发工具,在新建的wxml文件中,添加<view><挢旗扦渌;/view>和<picker></picker>,设置选择器的属性(1)mode:模式,值可以为selector、date或time(2)value:默认显示值(3)start:范围开始值(4)end:范围结束值(5)fields:日期选择的精度,可以是年、月或日,对应year、month或day如下图所示:

如何使用微信小程序中组件设计出日期控件获取值如何使用微信小程序中组件设计出日期控件获取值

4、第四步,点击日期值位置,可以打开底部的选择器,切换日期,点击确定,如下图所示:

如何使用微信小程序中组件设计出日期控件获取值

5、第五步,修改选择器中的fields属性值,将其改为“month”,再次预览效果,可以发现只能选择年和月,如下图所示:

如何使用微信小程序中组件设计出日期控件获取值

6、第六步,再次将fields属性值改为“year”,这时选择器只能选择年份,如下图所示:

如何使用微信小程序中组件设计出日期控件获取值
  • 明日方舟突袭5-8怎么通关 突袭5-8怎么打
  • 梦幻新诛仙手游尘埃落定剧情攻略
  • 幻塔在石头里面的箱子怎么拿
  • 最强蜗牛天赋果实怎么用?
  • 明日方舟多索雷斯换水口平民攻略
  • 热门搜索
    临时身份证怎么办理 怎么贴膜 溜肥肠的家常做法 围裙的做法 伊利金领冠奶粉怎么样 我的笔顺怎么写 兔子怎么养 信用卡怎么提现 迷你世界怎么驯服野人 怎么画画