微信小程序日历插件代码实例

 更新时间:2019年12月04日 14:38:32   作者:shuihanxiao  
这篇文章主要介绍了微信小程序日历插件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了微信小程序日历插件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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) {
  //日历默认值设置
  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(); //插件再次打开时日期
  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,
  })
 }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript 中创建私有成员

    JavaScript 中创建私有成员

    这篇文章主要介绍了JavaScript 中创建私有成员,下面介绍以 # 作为前缀几种在 JavaScript 代码中实现私有属性和方法的方式,需要的小伙伴可以参考一下
    2021-12-12
  • javascript实现移动端上传图片功能

    javascript实现移动端上传图片功能

    这篇文章主要为大家详细介绍了javascript实现移动端上传图片功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • JavaScript 对象不变性介绍

    JavaScript 对象不变性介绍

    这篇文章主要介绍了JavaScript 对象不变性,对象不变性在任何编程语言中都是一个重要的概念。它会限制对象修改并防止不需要的更改。简而言之,对象的不变性就是将它的状态变为只读的下面详细内容,需要的小伙伴可以参考一下
    2022-02-02
  • JS实现的用来对比两个用指定分隔符分割的字符串是否相同

    JS实现的用来对比两个用指定分隔符分割的字符串是否相同

    这篇文章主要介绍了JS实现的用来对比两个用指定分隔符分割的字符串是否相同,本文代码为特殊需要而写,需要的朋友可以参考下
    2014-09-09
  • 原生js实现Flappy Bird小游戏

    原生js实现Flappy Bird小游戏

    这篇文章主要为大家详细介绍了原生js实现Flappy Bird小游戏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JavaScript函数中的this四种绑定形式

    JavaScript函数中的this四种绑定形式

    javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this ,需要的朋友可以参考下
    2017-08-08
  • js中onclick和addEventListener的区别

    js中onclick和addEventListener的区别

    本文对javascript中onclick事件处理的方法和addEventListener监听器进行讲解,具有一定的参考价值,感兴趣的可以了解一下
    2023-08-08
  • JS生成登录验证码的实现示例

    JS生成登录验证码的实现示例

    本文主要介绍了JS生成登录验证码的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-12-12
  • three.js 制作动态二维码的示例代码

    three.js 制作动态二维码的示例代码

    这篇文章主要介绍了three.js 制作动态二维码的示例代码,文中讲解非常细致,帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • document.getElementById的一些细节

    document.getElementById的一些细节

    document.getElementById的一些细节...
    2006-09-09

最新评论