博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序日期选择器
阅读量:6230 次
发布时间:2019-06-21

本文共 2869 字,大约阅读时间需要 9 分钟。

 

1 /* JS代码部分 */ 2 3 const date = new Date() 4 const years = [] 5 const months = [] 6 const days = [] 7 const hours = [] 8 const minutes = [] 9 var thisMon = date.getMonth();10 var thisDay = date.getDate();11 12 for (let i = 2017; i <= date.getFullYear() + 1; i++) {13   years.push(i)14 }15 16 for (let i = date.getMonth(); i <= 11; i++) {17   var k = i;18   if (0 <= i && i < 9) {19     k = "0" + (i + 1);20   } else {21     k = (i + 1);22   }23   months.push(k)24 }25 if (0 <= thisMon && thisMon < 9) {26   thisMon = "0" + (thisMon + 1);27 } else {28   thisMon = (thisMon + 1);29 }30 if (0 <= thisDay && thisDay < 10) {31   thisDay = "0" + thisDay;32 }33 34 var totalDay = mGetDate(date.getFullYear(), thisMon);35 for (let i = 1; i <= 31; i++) {36   var k = i;37   if (0 <= i && i < 10) {38     k = "0" + i39   }40   days.push(k)41 }42 43 for (let i = 0; i <= 23; i++) {44   var k = i;45   if (0 <= i && i < 10) {46     k = "0" + i47   }48   hours.push(k)49 }50 for (let i = 0; i <= 59; i++) {51   var k = i;52   if (0 <= i && i < 10) {53     k = "0" + i54   }55   minutes.push(k)56 }57 function mGetDate(year, month) {58   var d = new Date(year, month, 0);59   return d.getDate();60 }61 Page({62   data: {63     years: years,64     year: date.getFullYear(),65     months: months,66     month: thisMon,67     days: days,68     day: thisDay,69     value: [1, thisMon - 1, thisDay - 1, 0, 0],70     hours: hours,71     hour: "00",72     minutes: minutes,73     minute: "00",74   },75   bindChange: function (e) {76     const val = e.detail.value77     this.setData({78       year: this.data.years[val[0]],79       month: this.data.months[val[1]],80       day: this.data.days[val[2]],81       hour: this.data.hours[val[3]],82       minute: this.data.minutes[val[4]],83     })84     var totalDay = mGetDate(this.data.year, this.data.month);85     var changeDate = [];86     for (let i = 1; i <= totalDay; i++) {87       var k = i;88       if (0 <= i && i < 10) {89         k = "0" + i90       }91       changeDate.push(k)92     }93     this.setData({94       days: changeDate95     })96   },97 98 })
/* css代码部分 */.time-title{
float:left; width:20%; text-align:center; color:#45BCE8;}.picker-text{
text-align:center;}/*mask*/.time_screens {
width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1000; opacity: 0.5; overflow: hidden;}/* html代码部分 */
{
{year}}-{
{month}}-{
{day}}
{
{item}}年
{
{item}}月
{
{item}}日
/* Json */{
"navigationBarTitleText": "XXXX"}

 

 

转载于:https://www.cnblogs.com/QGqiezi/p/9328265.html

你可能感兴趣的文章
Java 文件读写操作
查看>>
BDFL
查看>>
poj1411
查看>>
java中的throw与throws的区别
查看>>
Error: Password file read access must be restricted: /etc/cassandra/jmxremote.password
查看>>
常用的垃圾回收算法
查看>>
DP ZOJ 3872 Beauty of Array
查看>>
SSH整合报错:找不到元素 'beans' 的声明
查看>>
Spring 依赖注入方式详解
查看>>
工作流引擎资料/产品收集
查看>>
通过串口连接控制树莓派
查看>>
C++类继承内存布局(三)
查看>>
Js获取下拉框当前选择项的文本和值
查看>>
java开发环境配置
查看>>
例27:哈希查找
查看>>
MySQL加载本地数据时出现1290(HY000)错误
查看>>
jsp公共头信息的抽取(相对路径的修改)
查看>>
Percona XtraBackup 2.1.2 for MySQL
查看>>
[转] 隐马尔可夫(HMM)、前/后向算法、Viterbi算法 再次总结
查看>>
基于“MVC”框架集设计模式,开发用户管理系统!
查看>>