支付宝小程序-日期选择

第一种: my.datePicker

<view onTap="apiDatePicker">
  <view>API选择时间</view>
  <view>{{apiDate ? apiDate : '选择日期'}}</view>
</view>
// api获取日期
  apiDatePicker(){
    my.datePicker({
      format: 'yyyy-MM-dd HH:mm:ss',//返回的日期格式
      currentDate: '2023-01-09 11:11:11',//初始选择的日期时间,默认当前时间
      startDate: '2012-01-01 11:11:11',//最小日期时间
      endDate: '2023-01-10 11:11:11',//最大日期时间
      success: res => {
        this.setData({
          apiDate: res.date
        })
      },
    });
  }

第二种:picker mode="date"

<picker mode="date" value="{{currentDate}}" start="{{startDate}}" end="{{endDate}}" onChange="chooseDate">
  <view class="record-time-value">
    <text>{{currentDate}}</text>
  </view>
</picker>
onLoad() {
  const _today = this.formatDate(new Date())
  this.setData({
    startDate: "2020-01-01",
    endDate: _today,
    currentDate: _today
  });

},

获取前几天日期:

//时间戳转换为时间格式
formatDate(time) {
  var date = new Date(time);
  var YY = date.getFullYear();
  var MM = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
  var DD = date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate();

  // var hh = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
  // var mm = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
  // var ss = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();

  return YY + '-' + MM + '-' + DD;//年-月-日
  // return YY + '-' + MM + '-' + DD + " " + hh + ":" + mm + ":" + ss;//年-月-日 时:分:秒
},

// 获取前5天日期
getcurrentTime() {
  var timestamp = Date.parse(new Date()); //获取当前时间戳
  timestamp = timestamp / 1000;
  var timetampfor5 = timestamp - 24 * 60 * 60 * 5;
  var date5ago = this.formatDate(timetampfor5 * 1000) //时间戳为10位需*1000,时间戳为13位的话不需乘1000
  this.setData({
    startDate: date5ago // 设置开始日期为前五天
  })
},
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
支付宝小程序中也可以使用v-show来控制组件的显示与隐藏。v-show是通过控制元素的display属性来实现的,当v-show的值为true时,元素显示;当v-show的值为false时,元素隐藏。与微信小程序类似,支付宝小程序也存在一些v-show在特定情况下不能及时触发的bug。如果在支付宝小程序中遇到v-show不能及时触发的问题,可以尝试以下解决思路: 1. 确保v-show的值是响应式的,即v-show所依赖的数据发生变化时,能够正确触发元素的显示与隐藏。 2. 在v-show所在的组件中,可以尝试使用setTimeout延迟执行相关逻辑,以确保v-show能够及时触发。例如,在组件加载完成后,延迟一段时间再进行v-show的判断。 3. 如果v-show的问题仍然存在,可以考虑使用其他方式来实现元素的显示与隐藏,比如使用条件渲染指令v-if。 需要注意的是,以上解决思路是基于支付宝小程序的现有情况和常见的问题提供的,具体的解决方法可能需要根据具体情况进行调整。同时,建议在开发过程中及时查阅支付宝小程序的官方文档和开发者社区,以获取更准确、更详细的解决方案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [uniapp开发支付宝小程序](https://blog.csdn.net/summer12580/article/details/122556431)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [NZ源码交易平台虚拟交易付费下载系统v2.0V2.25](https://download.csdn.net/download/jack584379/9989089)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [前端小白001:关于uni-app的v-show在微信小程序上的一些bug及解决思路](https://blog.csdn.net/ReXplan/article/details/107710959)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值