小程序-选择时间

最新推荐文章于 2024-08-26 17:47:34 发布

倾听雨落~

最新推荐文章于 2024-08-26 17:47:34 发布

阅读量655

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/weixin_43292447/article/details/82985616

小程序专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了一种在WXML中使用日期选择器的方法，通过picker组件与JS交互，实现动态选择并显示用户输入的出生日期。代码示例清晰展示了如何设置picker的属性，如开始和结束日期，以及如何在JS中捕获和处理用户的选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML
<picker bindinput="birthInput" mode="date" value="{{date}}" start="1960-09-01" end="2019-01-01" bindchange="bindDateChange">
   <view class="picker">
     {{date}}
   </view>
 </picker>

js
data: {
    date: '请选择出生日期',
  },
//选择时间
  bindDateChange: function (e) {
    // console.log('picker发送选择改变，携带值为', e.detail.value)
    this.setData({
      date: e.detail.value,
    })
  },