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


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 12 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
教你如何使用PHP输出中文JSON字符串
May 22 Javascript
node.js开机自启动脚本文件
Dec 24 Javascript
Node.js中child_process实现多进程
Feb 03 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
解决iview多表头动态更改列元素发生的错误的方法
Nov 02 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
通过JS判断网页是否为手机打开
Oct 28 Javascript
js数组的基本使用总结
Jan 18 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/10/09 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
php实现mysql数据库连接操作及用户管理
2015/11/08 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
浅析JavaScript中的平稳退化(graceful degradation)
2017/07/24 Javascript
JavaScript代码实现微博批量取消关注功能
2021/02/05 Javascript
利用Python为iOS10生成图标和截屏
2016/09/24 Python
[原创]教女朋友学Python(一)运行环境搭建
2017/11/29 Python
完美解决python中ndarray 默认用科学计数法显示的问题
2018/07/14 Python
pandas 透视表中文字段排序方法
2018/11/16 Python
Python datetime和unix时间戳之间相互转换的讲解
2019/04/01 Python
pyqt5 实现在别的窗口弹出进度条
2019/06/18 Python
Django 外键的使用方法详解
2019/07/19 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
CSS3属性box-shadow使用详细教程
2012/01/21 HTML / CSS
美国高级工作服品牌:Carhartt
2018/01/25 全球购物
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
护士自我鉴定
2013/10/23 职场文书
演讲稿怎么写才完美
2014/01/02 职场文书
老公给老婆的道歉信
2014/01/10 职场文书
高中打架检讨书
2014/02/13 职场文书
网络编辑职责
2014/03/01 职场文书
《石榴》教学反思
2014/03/02 职场文书
好书伴我成长演讲稿
2014/05/14 职场文书
学校师德承诺书
2014/05/23 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
2014年仓库工作总结
2014/11/20 职场文书
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python