微信小程序日歷插件代碼實(shí)例

更新時(shí)間：2019年12月04日 14:38:32 作者：shuihanxiao

這篇文章主要介紹了微信小程序日歷插件代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

1.wxml代碼

<view class="timePick">
  <picker mode="date" fields="month" value="{{timestamp}}" start="1999-01-01" end="2999-12-12" bindchange="datePickerBindchange">
   {{dateValue}}
  </picker>
 </view>

2.js

data: {
  searchDate:"",
  timestamp:""
 },
onLoad: function(options) {
  //日歷默認(rèn)值設(shè)置
  this.timestamp=new Date().getTime()
 },
datePickerBindchange:function(e){
  let date = e.detail.value+'-01 00:00:00.0';
  date = date.substring(0,19);
  // date = date.replace(/-/g,'/');
  let timestamp = new Date(date).getTime(); //插件再次打開時(shí)日期
  let picktime=e.detail.value
  let timeString=picktime.replace(/-/g,'年')+'月';
  // this.setData({
  //  dateValue:e.detail.value
  // })
  this.setData({
   searchDate:date,
   // searchDate:picktime,
   dateValue:timeString,  //1019年12月
   timestamp:picktime,
  })
 }

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript?中創(chuàng)建私有成員
這篇文章主要介紹了JavaScript?中創(chuàng)建私有成員，下面介紹以?#?作為前綴幾種在?JavaScript?代碼中實(shí)現(xiàn)私有屬性和方法的方式，需要的小伙伴可以參考一下
2021-12-12
javascript實(shí)現(xiàn)移動端上傳圖片功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)移動端上傳圖片功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08
JavaScript 對象不變性介紹
這篇文章主要介紹了JavaScript 對象不變性，對象不變性在任何編程語言中都是一個(gè)重要的概念。它會限制對象修改并防止不需要的更改。簡而言之，對象的不變性就是將它的狀態(tài)變?yōu)橹蛔x的下面詳細(xì)內(nèi)容，需要的小伙伴可以參考一下
2022-02-02
JS實(shí)現(xiàn)的用來對比兩個(gè)用指定分隔符分割的字符串是否相同
這篇文章主要介紹了JS實(shí)現(xiàn)的用來對比兩個(gè)用指定分隔符分割的字符串是否相同,本文代碼為特殊需要而寫,需要的朋友可以參考下
2014-09-09
原生js實(shí)現(xiàn)Flappy Bird小游戲
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)Flappy Bird小游戲，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-12-12
JavaScript函數(shù)中的this四種綁定形式
javascript中的this和函數(shù)息息相關(guān)，所以今天，我就給大家詳細(xì)地講述一番：javascript函數(shù)中的this ,需要的朋友可以參考下
2017-08-08
js中onclick和addEventListener的區(qū)別
本文對javascript中onclick事件處理的方法和addEventListener監(jiān)聽器進(jìn)行講解,具有一定的參考價(jià)值,感興趣的可以了解一下
2023-08-08
JS生成登錄驗(yàn)證碼的實(shí)現(xiàn)示例
本文主要介紹了JS生成登錄驗(yàn)證碼的實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-12-12
three.js 制作動態(tài)二維碼的示例代碼
這篇文章主要介紹了three.js 制作動態(tài)二維碼的示例代碼，文中講解非常細(xì)致，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-07-07
document.getElementById的一些細(xì)節(jié)
document.getElementById的一些細(xì)節(jié)...
2006-09-09