微信小程序 picker-view日期选择器(-)

最新推荐文章于 2025-07-07 00:15:00 发布

原创

最新推荐文章于 2025-07-07 00:15:00 发布 · 2.1w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

本文介绍了如何在微信小程序中使用picker-view作为日期选择器，特别强调了最大选择日期设定为当前日期的问题。在实践中遇到数字前加0的处理难点，期待社区大佬的解决方案，并分享了相关代码片段。

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

程序需要用到时间控件，于是上网找了一下资料，整理了一下，这篇讲的是最大选择日期为当前日期，下一篇写不限制最大选择日期。
有点不知道怎么处理，试了好多次，大于10之前的数字如何在前面加0，如果加了判断的话，别的就会出问题。欢迎大佬指教
给出效果图：
最大的日期为当前日期，大于当前日期不可选
贴出代码：
wxml:

 <view class="time_text">{
  
  {year}}-{
  
  {month}}-{
  
  {day}}</view>
  <view class="time_title">
    <view class="time_title_text">年</view>
    <view class="time_title_text">月</view>
    <view class="time_title_text">日</view>
  </view>
  <picker-view wx:if="{
  
  {years.length>0 && months.length>0 && days.length>0}}"  indicator-style="height: 50px;" class="view_picker" value="{
  
  {value}}" bindchange="bindChange">
    <picker-view-column class="view_picker_column">
      <view wx:for="{
  
  {years}}" class="view_picker_text" wx:key="{
  
  {index}}">{