微信小程序—修改日期

最新推荐文章于 2021-08-12 01:07:14 发布

weixin_30681121

最新推荐文章于 2021-08-12 01:07:14 发布

阅读量1.1w

点赞数

文章标签：数据库 php matlab

原文链接：http://www.cnblogs.com/fanmiaolan/p/9964296.html

版权

本文记录了在微信小程序项目开发中，如何实现点击按钮动态增减日期的功能。通过代码展示了具体的实现方式，并表达了对于优化这部分JS代码的期待，希望得到业界人士的指导。

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

最近项目开发在做微信小程序项目，记录一下开发过程中用到的一些小东西，实现的是一个点击增加减小日期的小东西，

贴一下效果图

大概就是这个效果，可以点击减小日期，点击增大日期，也可以直接选择日期，相应的判断日期大小给出相应的提示。

贴一下代码

<!-- wxml  -->

 <view class='order_process'>
    <view class='dateBox'>
      <view class='prev {
    {filterState1?"filter":""}}' data-type='prev' bindtap='dateChange'></view>
      <picker  class='date weui-btn' mode="date" fields='year' value="{
    {date}}" start="{
    {minYear}}" end="{
    {currentyear}}" bindchange="bindDateChange">
        <view class="picker">
          {
    {date}}
        </view>
      </picker>      
      <view class='next {
    {filterState2?"filter":""}}' data-type='next' bindtap='dateChange'></view>
    </view>
    <view class="dateText">{
   {reportedTime}}</view>
  </view>

/* wxss  */
/*因为小程序无法获取本地图片，这里我转成了Base64  */

.order_process {
   
  padding: 30rpx 10rpx;
  background-color: #fff;
}

.dateBox{
   
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dateText{
   
  font-size: 28rpx;
  text-align: center;
  margin-top: 30rpx;
  color: #00a8ff;
}

.next{
   
  width: 80rpx;
  height: 80rpx;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAAGwkGG9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NjRCRjM4OUU3REMxMUU4QTI0QTgwOEZENkRCQ0U0RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NjRCRjM4QUU3REMxMUU4QTI0QTgwOEZENkRCQ0U0RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU2NEJGMzg3RTdEQzExRThBMjRBODA4RkQ2REJDRTRFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU2NEJGMzg4RTdEQzExRThBMjRBODA4RkQ2REJDRTRFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GIKSfAAADOhJREFUeNpi/P//PwMIuB8CU8xAvBmITYHYEIifMEABCwMC/ANiRiT+YygNFmOCmvYfTREyAFvJBFTEgkOBPBL7JhPUTdjAQyBWgLLVWKAOh0k8wqIY7hkDqMPl0axjhLkP7MaddoggwOYJKOAE+xqoGJePQWAPEP9gQbPqDhArI4mxA/EvEAMggBhBMQONFRBwAOJ1QLwciLPh7oPSYlD37AdiQSDOgvKfIit6icNdUkB8lQkaZejAAImtxYTDhAtAzIctpRxGU5gHxAdAnkFWZIvE3gvETlDfgh0eg8U6Z6giBuRw+gxk8+BwHyPM4bxArIcmeQCWUAECiBGWF5DyAwj0A3EBA34AcuZSFCuRMpYYnsDHB74DMRdynuon0yBwEoUmCTVQTDsQ4SUGtFSpgUX8JigeN6AJCgHxHwKGvYMGujI0C8BT83o0xSCFn/BgkPrXQLwP2SCYYUkkeDEHqgcURo5ocgeRY/M5kJIgMxIagLgRnouA5YUkNByukmBIPVRPI4gDEEC4Ei0DNEvmAnEiNFLuAvEsIF4CTVuY+QSLYbpAfByIuQmUbD5A/BM9ApDBSiC+RMAgEHABFZNA7IXVMKCrtgOpMBIDfisQh6MYBjQoH0h5kBmTK2B5k9Ht4H9QLvhNpEaQOlYs4qDyiw/ksnIiDQKlQzYgPo9FDlTOyYEMayHSMElo+WUELc3RQRELieETBXWdIdSFyPVINLphoJTcS8BARmjrBGTgR6T6RgTdsDpoBsZXFYNizhoaTnzIdToLFlvtiAg7DiB+jyZ+jQmakokFQtAs9AGL3FImaB4jBnwFRT&

最低0.47元/天解锁文章