jq weui 日期年月日时分秒得设置（二个弹窗）

需求：h5页面需要年月日时分秒，

方法：weui得datePicker插件只有年月日得，所以时分秒就要单独用picker插件单独配置一个，网上有类似得，难点就在于在第一个年月日关闭后就弹出时分秒得弹框，这个我是加在第一个弹框关闭得onClose里调用得时分秒弹框，网上也有其他方法，在我这里无效

不足：弹出二次弹框得体验

isWhichTime:function (timeSelector) {let _this=this;weui.datePicker({//end:2030,id: new Date(),//每次打开就是当天时间，而不是上一次选择得时间，因为源码里是如果上次有选择过，就显示上次选择得，这样如果是几个共用一个日期框，回显会有问题defaultValue: [new Date().getFullYear(), new Date().getMonth()+1, new Date().getDate()],onConfirm: result=> {//把年月份保存成全局变量_this.data.firstTime = result;},onClose:e=>{//二次调用时分秒_this.actions.secondPicker(_this, this.data.firstTime,timeSelector);}})
},

//二次调用日期:时分秒
secondPicker:function(_this,result,timeSelector){//统一格式  yyyy-mm-dd hh:mm:ssif (result[1].value<11) {result[1].value = '0'+ result[1].value;}if (result[2].value<11) {result[2].value = '0'+ result[2].value;}//统一格式  yyyy-mm-dd hh:mm:sslet dateTime = result[0].value+'-'+result[1].value+'-'+result[2].value+' ';let hours = [];let minite = [];let seconds = [];if(!hours.length) {hours=this.actions.costomDatePicker(hours,0,60,"时")}if(!minite.length) {minite=this.actions.costomDatePicker(minite,0,60,"分")}if(!seconds.length) {seconds=this.actions.costomDatePicker(seconds,0,60,"秒")}weui.picker(hours,minite,seconds,{//end:2030,id: new Date(),defaultValue: [new Date().getHours(),new Date().getMinutes(),new Date().getSeconds()],onConfirm: result=> {//result 是数组，返回得是当前选中得数，如[{lable:'2019年,value:2019},{lable:'2月,value:2}，{lable:'2号,value:2}]if (result.length){let time=dateTime+result[0].value+':'+result[1].value+':'+result[2].value;console.log('time',time)_this.el.find(timeSelector).val(time);}},})
},

月日时分秒得判断统一方法：

//自定义日期:月时分秒
costomDatePicker:function(years,startTime,endTime,str){for(let j = startTime; j < endTime; j++) {years.push({label: ('' + j).length === 1 ? '0'+j + str : '' + j + str,value: ('' + j).length === 1 ? '0'+j : '' + j ,});}return years;
},

jq weui 日期年月日时分秒得设置（二个弹窗）相关推荐

C#表格table时间显示年月日时分秒格式设置
C#表格table时间显示年月日时分秒格式设置作者:张国军_Suger 开发工具与关键技术:Visual Studio 2015.C#..NET 在做C#项目是遇到的前端表格的时间处理问题,一般都是 ...
datepick二格式化时间_My97DatePicker设置日期年月日时分秒格式
前端 JavaScript 日期插件 My97DatePicker 非常出名.N多年以前我就使用过,当时下载了之后,使用的时候默认是没有小时,分钟,秒之类的,直接是年月日的日期格式,跟一般的日期插件没 ...
html时间日期年月日时分秒,年月日时分秒的即时显示
网页特效观止|JsCode.CN|---年月日时分秒的即时显示 var timerID = null; var timerRunning = false; function stopclock (){ ...
时间戳与日期年月日时分秒的转换
在前端的日常工作当中,时间戳的使用也是不少的.有时后端返回给我们的数据是一个时间戳,我们需要转换成年月日,时分秒的形式展示在页面当中,为了以后的使用方便,我在这里简单写了个函数来进行转换. 1.是时间 ...
c#.net 获取时间日期年月日时分秒生成自动文件名格式
下面是日期和时间的各种方法,转换为字符串. 如果把输出的格式改下就可以做类似的文件名了,例如:2016010110101224356.doc c#用DateTime.Now.ToString(&qu ...
c#.net 获取时间日期年月日时分秒格式（转）
今天写代码发现两个比较不错的分享下: 1.DateTime.ParseExact 很多时候我们获取的时间是数字形式表示的,好比20140127134015.927856,通过这个方法 DateTime ...
JavaScript中的内置对象-8--4.date对象中-获取,设置日期时间的方法; 获取,设置年月日时分秒及星期的方法;...
学习目标 1.掌握创建日期对象的方法 2.掌握date对象中获取日期时间的方法 3.掌握date对象中设置日期时间的方法如何创建一个日期对象语法:new Date(); 功能:创建一个日期时间对象 ...
php日期格式化年月日时分秒,php Date()函数输出中文年月日时分秒
php Date()函数输出中文年月日时分秒今天我以一个简单的利用date()函数输出中文年月日时分秒引出关于大多数据用户在使用php date()函数的一些问题与date()函数一些参数详解. 当然 ...
Java日期Date类，格式化，年月日时分秒星期
Date类 1.由java.util包提供 2.封装了当前日期和时间 3.共有两个构造函数, 无参构造:Date() 使用当前日期及时间初始化对象有参构造:Date(long number)参数为毫 ...

jq weui 日期年月日时分秒得设置（二个弹窗）

jq weui 日期年月日时分秒得设置（二个弹窗）相关推荐

最新文章

热门文章