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


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,超强推荐base.js
Dec 23 Javascript
完整显示当前日期和时间的JS代码
Sep 17 Javascript
JavaScript类型转换方法及需要注意的问题小结(挺全面)
Nov 11 Javascript
关于js数组去重的问题小结
Jan 24 Javascript
影响jQuery使用的14个方面
Sep 01 Javascript
javascript实现checkBox的全选,反选与赋值
Mar 12 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
jquery实现删除一个元素后面的所有元素功能
Dec 21 Javascript
jQuery实现的网页换肤效果示例
Sep 20 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
Nov 30 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
vue实现微信分享功能
Nov 28 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
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
关于PHP实现异步操作的研究
2013/02/03 PHP
php实现的百度搜索某地天气的小偷代码
2014/04/23 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
2016/01/09 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
拥抱模块化的JavaScript
2012/03/07 Javascript
jquery ajax例子返回值详解
2012/09/11 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
nodejs结合Socket.IO实现的即时通讯功能详解
2018/01/12 NodeJs
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
vue计算属性及使用详解
2018/04/02 Javascript
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
Python编写的com组件发生R6034错误的原因与解决办法
2013/04/01 Python
python采集博客中上传的QQ截图文件
2014/07/18 Python
Python编程中的异常处理教程
2015/08/21 Python
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
轻松掌握python设计模式之访问者模式
2016/11/18 Python
python利用拉链法实现字典方法示例
2017/03/25 Python
CentOS7.3编译安装Python3.6.2的方法
2018/01/22 Python
python中的文件打开与关闭操作命令介绍
2018/04/26 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
TensorFlow实现模型评估
2018/09/07 Python
Python如何在DataFrame增加数值
2020/02/14 Python
python实现小程序推送页面收录脚本
2020/04/20 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
Python读写Excel表格的方法
2021/03/02 Python
html+css3实现的登录界面
2020/12/09 HTML / CSS
房产买卖委托公证书
2014/04/04 职场文书
2014年教师业务学习材料
2014/05/12 职场文书
法人委托书
2014/07/31 职场文书
夏季药店促销方案
2014/08/22 职场文书
党风廉正建设责任书
2015/01/29 职场文书
家长会感言
2015/08/01 职场文书