微信小程序时间选择器

『〖安〗』

已于 2022-08-02 15:30:11 修改

阅读量1k

点赞数

分类专栏：微信小程序的小部件文章标签：微信小程序小程序

于 2022-08-01 09:14:47 首次发布

本文链接：https://blog.csdn.net/qq_48789210/article/details/126093966

版权

本文详细介绍了如何在微信小程序中实现时间选择器功能，包括wxml、wxss、js文件的编写以及utils文件夹内dateSetting.js文件的创建，帮助开发者掌握微信小程序的时间选择组件使用方法。

摘要由CSDN通过智能技术生成

1.wxml文件:

<view class="f"><li class="ff">创建时间</li>  
<view class="g">
    <picker mode="multiSelector" bindchange="bindMultiPickerChange1" bindcolumnchange="bindMultiPickerColumnChange" value="{
  {multiIndex}}" range="{
  {multiArray}}" style="text-align: center"> 
 <input  value='{
  {time1}}' placeholder='请选择日期' class="dd">
 <image class="image" src="/images/date_t.png"></image>
 </input>
</picker>
</view>
</view>

2.wxss文件:

.g{

  display:flex;
  margin-right: 30rpx;
  margin-top: 30rpx;
  /* border: 4rpx solid grey; */
  margin-left: 10rpx;

}

.g .image{
  width: 25rpx;
  height: 25rpx;
  margin-top: 20rpx;
  margin-right: 20rpx;

}