微信小程序日期格式化

最新推荐文章于 2025-06-29 09:04:11 发布

黎成诃月

最新推荐文章于 2025-06-29 09:04:11 发布

阅读量1.7w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/weixin_40292626/article/details/79572484

微信小程序专栏收录该内容

8 篇文章

订阅专栏

  <view class="fl_form">
    <!-- <text>预约日期</text> -->
    <picker mode="date" value="{{date}}" start="{{date}}" end="2020-01-01" bindchange="bindDateChange">
      <view class="picker">
        <text>选择日期</text> <text class="chosedate">{{date}}</text> 
      </view>
    </picker>
  </view>
  <viewclass="fl_form newtime">
    <picker mode="time" value="{{startime}}" start="09:00" end="21:00" bindchange="starttime">
      <view class="picker">
        <text>开始时间</text> <text class="chosedate">{{starttime}}</text> 
      </view>
    </picker>
    <picker mode="time" value="{{endtime}}" start="09:00" end="21:00" bindchange="endtime">
      <view class="picker end">
        <text>结束时间</text> <text class="chosedate">{{endtime}}</text> 
      </view>
    </picker>
  </view>
  <!-- 提交按钮 -->
  <button class="formbtn" bindtap='orderMeeting'>提交</button>

js代码：

var util = require('../../utils/util.js')  //引入微信自带的日期格式化
const app = getApp()
Page({
  data: {
    date:util.formatDate(new Date),  //格式化日期
    starttime: '9:00',
    endtime: '21:00',
    userName:""
  },
  bindDateChange: function (e) {
    this.setData({
      date: e.detail.value
    })
  },
  starttime: function (e) {
    this.setData({
      starttime: e.detail.value
    })
  },
  endtime: function (e) {
    this.setData({
      endtime: e.detail.value
    })
  }
})