• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序picker的使用

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

效果图:

代码:

<view class='infoItem'>
    <view class='infoItem-left'><text style='color:red'>*</text>出厂时间</view>
    <view class='infoItem-right'>
      <picker mode="date" start="1900-01-01" end="{{currentTime}}" value="{{deliveryTime}}" bindchange="bindDateChange">
        <view style='color:#666;padding:10rpx 0 10rpx 20rpx'>{{deliveryTime}}</view>
      </picker>
    </view>
  </view>
.infoItem{
  display: flex;
  border-bottom:2rpx solid #f2f2f2;
  padding:10rpx 0;
}
.infoItem-left{
  width: 220rpx;
  padding: 10rpx 0
}
.infoItem-right{
  flex: 1;
  background: #f2f2f2;
  border-radius: 10rpx;
  font-size: 30rpx
}
.infoItem-right>input{
  padding:10rpx 0 10rpx 20rpx;
  color: #666
}
const app = getApp()
var timestamp = Date.parse(new Date());
var date = new Date(timestamp);
//获取年份  
var Y = date.getFullYear();
//获取月份  
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);
//获取当日日期 
var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
var currentTime = Y + '-' + M + '-' + D

Page({

  /**
   * 页面的初始数据
   */
  data: {
    currentTime, //不能超过当前时间
    deliveryTime: '请选择',//出厂时间 date
    
  },
/**
   * 出厂时间
   */
  bindDateChange(e) {
    this.setData({
      deliveryTime: e.detail.value
    })
    console.log(e.detail.value)
  },

}

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序云开发的云函数中自增函数inc报错发布时间:2022-07-18
下一篇:
小程序引入vant-weapp组件发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap