微信小程序—时间选择器：时分秒

最新推荐文章于 2025-06-14 14:18:53 发布

sole.mjc

最新推荐文章于 2025-06-14 14:18:53 发布

阅读量7.9k

点赞数

CC 4.0 BY-SA版权

文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/mjcays/article/details/80772520

本文介绍了在微信小程序开发中遇到的自带时间选择器不包含秒数的问题，作者分享了如何根据已有资源，自定义一个包含时分秒的时间选择器。通过在wxml文件中定义输入框，并在js页面中编写相关逻辑，实现了完整的功能。

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

最近在做小程序中，其中自带的时间选择器没有秒数，所以上网查了很多方法，但是跟我的想法不同，所以根据其他人的，自己写了我自己的方法。

wxml文件中定义输入框

 
    
  < 
  view 
    
  class 
  = 
  "section"> 
 
 
    
  < 
  picker 
    
  mode 
  = 
  "multiSelector" 
    
  value 
  = 
  "{ 
   {startTime}}" 
    
  bindchange 
  = 
  "startTimeChange" 
    
  bindcolumnchange 
  = 
  "startTimeColumn" 
    
  range 
  = 
  "{ 
   {startTimeArray}}"> 
 
 
    
  < 
  view 
    
  class 
  = 
  "picker"> 
 
 
    
  < 
  view 
    
  class 
  = 
  "top grid"> 
    
 
 
    
  < 
  label 
    
  class 
  = 
  "title col-0"> 
  开始时间 
  </ 
  label 
  > 
    
 
 
    
  < 
  input 
    
  class 
  = 
  "input_base input_h30 col-1" 
    
  name 
  = 
  "startTime" 
    
  value 
  = 
  "{ 
   {startTimeArray[0][startTime[0]]}}:{ 
   {startTimeArray[1][startTime[1]]}}:{ 
   {startTimeArray[2][startTime[2]]}}"></ 
  input 
  > 
    
 
 
    
  </ 
  view 
  > 
    
 
 
    
  </ 
  view 
  > 
 