国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

解析微信小程序如何實(shí)現(xiàn)日期范圍選擇

3403771864 / 1821人閱讀

  本篇文章主要為大家講述關(guān)于在微信小程序中如何實(shí)現(xiàn)日期范圍的選擇。

  具體樣式如下:

  分別點(diǎn)擊開始日期和結(jié)束日期選擇時(shí)間(底部彈框):

  date.wxml:

  <view class="range-style mar-top">
  <view class="picker-title">日期范圍:</view>
  <!-- 時(shí)間段 -->
  <view class="picker_group">
  <picker mode="date" value="{{startdate}}" end="{{enddate}}" bindchange="bindDateChange">
  <view class="picker">
  <text class = "{{startdate=='開始日期'?'text-style1':'text-style2'}}">{{startdate}}</text>
  </view>
  </picker>
  <text class = "text-style1">~</text>
  <picker mode="date" value="{{enddate}}" start="{{startdate}}" end="2050-01-01" bindchange="bindDateChange2">
  <view class="picker">
  <text class = "{{enddate=='結(jié)束日期'?'text-style1':'text-style2'}}">{{enddate}}</text>
  </view>
  </picker>
  </view>
  </view>

  date.wxss:

  .range-style {
  display: flex;
  align-items: center;
  padding-left: 10rpx;
  background-color: #fff;
  }
  .mar-top {
  margin-top: 30rpx;
  }
  .picker-title {
  font-size: 32rpx;
  width: 150rpx;
  }
  .picker_group {
  color: #888;
  border: 1rpx solid #A4A6AE;
  border-radius: 15rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 30rpx;
  font-size: 32rpx;
  }
  .text-style1{
  color:#A4A6AE;
  }
  .text-style2{
  color:rgb(0,0,0,0.8);
  }
  .picker_group picker {
  font-size: 34rpx;
  height: 45rpx;
  padding-left:20rpx;
  padding-right:20rpx;
  line-height: 45rpx;
  }

  date.js:

  Page({
  data: {
  startdate: '開始日期',//默認(rèn)起始時(shí)間
  enddate: '結(jié)束日期',//默認(rèn)結(jié)束時(shí)間
  },
  bindDateChange(e) {
  let that = this;
  console.log(e.detail.value)
  that.setData({
  startdate: e.detail.value,
  })
  },
  bindDateChange2(e) {
  let that = this;
  console.log(e.detail.value)
  that.setData({
  enddate: e.detail.value,
  })
  },
  })

  全部?jī)?nèi)容已講述完畢,歡迎大家關(guān)注更多后續(xù)精彩內(nèi)容。


文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/130323.html

相關(guān)文章

  • 從零開始:信小程序新手入門寶典《一》

    摘要:為了方便大家了解并入門微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開始學(xué)習(xí)一微信小程序的特點(diǎn)張小龍張小龍全面闡述小程序,推薦通讀此文小程序是一種不需要下載安裝即可使用的應(yīng)用,它出現(xiàn)了觸手可及的夢(mèng)想,用戶掃一掃或者搜一下即 為了方便大家了解并入門微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開始學(xué)習(xí); 一:微信小程序的特點(diǎn) 張小龍:張小龍全面闡述小程...

    whataa 評(píng)論0 收藏0
  • 從零開始:信小程序新手入門寶典《一》

    摘要:為了方便大家了解并入門微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開始學(xué)習(xí)一微信小程序的特點(diǎn)張小龍張小龍全面闡述小程序,推薦通讀此文小程序是一種不需要下載安裝即可使用的應(yīng)用,它出現(xiàn)了觸手可及的夢(mèng)想,用戶掃一掃或者搜一下即 為了方便大家了解并入門微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開始學(xué)習(xí); 一:微信小程序的特點(diǎn) 張小龍:張小龍全面闡述小程...

    mdluo 評(píng)論0 收藏0
  • 從零開始:信小程序新手入門寶典《一》

    摘要:為了方便大家了解并入門微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開始學(xué)習(xí)一微信小程序的特點(diǎn)張小龍張小龍全面闡述小程序,推薦通讀此文小程序是一種不需要下載安裝即可使用的應(yīng)用,它出現(xiàn)了觸手可及的夢(mèng)想,用戶掃一掃或者搜一下即 為了方便大家了解并入門微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開始學(xué)習(xí); 一:微信小程序的特點(diǎn) 張小龍:張小龍全面闡述小程...

    LdhAndroid 評(píng)論0 收藏0
  • 前端基礎(chǔ)入門

    摘要:手把手教你做個(gè)人火的時(shí)候,隨便一個(gè)都能賺的盆滿缽滿,但是,個(gè)人沒有服務(wù)端,沒有美工,似乎就不能開發(fā)了,真的是這樣的嗎秘密花園經(jīng)典的中文手冊(cè)。涵蓋前端知識(shí)體系知識(shí)結(jié)構(gòu)圖書推薦以及入門視頻教程,全的簡(jiǎn)直不要不要的了。 JavaScript 實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制指定區(qū)域文本 html5 的 webAPI 接口可以很輕松的使用短短的幾行代碼就實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制區(qū)域文本的功能,不需要依賴 flash。...

    shinezejian 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<