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


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 相关文章推荐
IE8 中使用加速器(Activities)
May 14 Javascript
jQuery 回车事件enter使用示例
Feb 18 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
Oct 31 Javascript
assert()函数用法总结(推荐)
Jan 25 Javascript
Angular.js去除页面中显示的空行方法示例
Mar 30 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
Apr 13 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
May 23 Javascript
vue+springmvc导出excel数据的实现代码
Jun 27 Javascript
详解angular应用容器化部署
Aug 14 Javascript
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
vue点击按钮实现简单页面的切换
Sep 08 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
星际中的相关伤害
2020/03/04 星际争霸
Yii2选项卡的简单使用
2017/05/26 PHP
用JS剩余字数计算的代码
2008/07/03 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
js 异步处理进度条
2010/04/01 Javascript
JavaScript的parseInt 取整使用
2011/05/09 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
使用text方法获取Html元素文本信息示例
2014/09/01 Javascript
jquery果冻抖动效果实现方法
2015/01/15 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
JavaScript实现MIPS乘法模拟的方法
2015/04/17 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
2020/04/28 Javascript
漫谈JS引擎的运行机制 你应该知道什么
2016/06/15 Javascript
深入浅析javascript中的作用域(推荐)
2016/07/19 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
AngularJS指令与控制器之间的交互功能示例
2016/12/14 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
2018/01/03 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
Nodejs调用Dll模块的方法
2018/09/17 NodeJs
微信小程序实现下拉框功能
2019/07/16 Javascript
OpenLayers3实现图层控件功能
2020/09/25 Javascript
vue动态合并单元格并添加小计合计功能示例
2020/11/26 Vue.js
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
马来西亚演唱会订票网站:StubHub马来西亚
2018/10/18 全球购物
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
什么是反射
2012/03/17 面试题
医学院毕业生自荐信
2013/11/08 职场文书
幼儿园家长反馈意见
2015/06/03 职场文书
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android
js作用域及作用域链工作引擎
2022/07/07 Javascript