微信小程序- 选择器合并时间和日期

最新推荐文章于 2024-01-25 14:38:41 发布

叉叉敌

最新推荐文章于 2024-01-25 14:38:41 发布

阅读量3.7k

点赞数 2

分类专栏：小程序微信小程序文章标签：小程序选择器时间和日期

本文链接：https://blog.csdn.net/weixin_42514606/article/details/100129200

版权

本文介绍了如何在微信小程序中使用多列选择器结合时间与日期，通过官方API及DEMO示例，展示了如何自定义创建一个合并的时间日期选择器。

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

https://developers.weixin.qq.com/miniprogram/dev/component/picker.html

从底部弹起的滚动选择器。类型有普通选择器、多列选择器、时间选择器、日期选择器、省市区选择器。

没有现成的时间和日期合并在一起的，从demo里面可以看到可以用多列选择器来实现。

wxml

  <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{
  {multiIndex}}" range="{
  {multiArray}}">
    <input value='{
  {time}}' placeholder='选择时间'/>
  </picker>

js

const date = new Date();
const years = [];
const months = [];
const days = [];
const hours = [];
const minutes = [];
//获取年
for (let i = 2018; i <= date.getFullYear() + 5; i++) {
years.push("" + i);
}
//获取月份
for (let i = 1; i <= 12; i++) {
if (i