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


Posted in Javascript onDecember 04, 2019

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

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 相关文章推荐
自用js开发框架小成 学习js的朋友可以看看
Nov 16 Javascript
javascript break指定标签打破多层循环示例
Jan 20 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
JQuery和PHP结合实现动态进度条上传显示
Nov 23 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
解决使用vue.js路由后失效的问题
Mar 17 Javascript
使用Nuxt.js改造已有项目的方法
Aug 07 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
Dec 11 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 #Javascript
vue中使用极验验证码的方法(附demo)
Dec 04 #Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 #Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
Dec 04 #Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 #Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 #jQuery
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 #Javascript
You might like
PHP通用检测函数集合
2006/11/25 PHP
php实现登陆模块功能示例
2016/10/20 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
几个javascript操作word的参考代码
2009/10/26 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
2011/07/31 Javascript
JS判断客户端是手机还是PC的2个代码
2014/04/12 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
2015/01/29 Javascript
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
Kindeditor在线文本编辑器如何过滤HTML
2016/04/14 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
angularjs封装$http为factory的方法
2017/05/18 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
2018/12/03 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
jQuery实现动态加载瀑布流
2020/09/01 jQuery
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
Python模拟三级菜单效果
2017/09/11 Python
python实现单向链表详解
2018/02/08 Python
Python入门学习指南分享
2018/04/11 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
Python基础之列表常见操作经典实例详解
2020/02/26 Python
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
庆七一活动方案
2014/01/25 职场文书
初三班主任寄语大全
2014/04/04 职场文书
路政管理求职信
2014/06/18 职场文书
小学亲子活动总结
2014/07/01 职场文书
先进班集体申报材料
2014/12/26 职场文书
开除通知书范本
2015/04/25 职场文书
农业项目合作意向书
2015/05/08 职场文书
遗嘱格式范本
2015/08/07 职场文书
手残删除python之后的补救方法
2021/06/26 Python
MySQL开启事务的方式
2021/06/26 MySQL