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


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 相关文章推荐
Javascript操纵Cookie实现购物车程序
Feb 15 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
javaScript 计算两个日期的天数相差(示例代码)
Dec 27 Javascript
瀑布流布局代码一例
Apr 11 Javascript
原生js的弹出层且其内的窗口居中
May 14 Javascript
ActiveX控件与Javascript之间的交互示例
Jun 04 Javascript
WEB前端设计师常用工具集锦
Dec 09 Javascript
JavaScript中常见的字符串操作函数及用法汇总
May 04 Javascript
跟我学习javascript解决异步编程异常方案
Nov 23 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
javascript基本语法
May 31 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 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中使用Oracle数据库(3)
2006/10/09 PHP
php的控制语句
2006/10/09 PHP
php学习笔记之 函数声明(二)
2011/06/09 PHP
深入PHP与浏览器缓存的分析
2013/06/03 PHP
php实现mysql数据库连接操作及用户管理
2015/11/08 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
yii2.0框架场景的简单使用示例
2020/01/25 PHP
一个可以显示阴历的JS代码
2007/03/05 Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
2014/08/10 Javascript
angularjs中的单元测试实例
2014/12/06 Javascript
浅谈javascript 归并方法
2015/01/21 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
2017/07/28 Javascript
JavaScript实现多态和继承的封装操作示例
2018/08/20 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
详解用vue2.x版本+adminLTE开源框架搭建后台应用模版
2019/03/15 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
了解JavaScript中的选择器
2019/05/24 Javascript
vue获取验证码倒计时组件
2019/08/26 Javascript
解决Python 遍历字典时删除元素报异常的问题
2016/09/11 Python
django之session与分页(实例讲解)
2017/11/13 Python
详解Django的CSRF认证实现
2018/10/09 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
教师档案管理制度
2014/01/23 职场文书
监理中标通知书
2015/04/16 职场文书
革命电影观后感
2015/06/18 职场文书
爱国主义主题班会
2015/08/14 职场文书
蔬果开业典礼发言稿应该怎么写?
2019/09/03 职场文书
MySQL分库分表详情
2021/09/25 MySQL
JS实现简单的九宫格抽奖
2022/06/28 Javascript