837 lines
22 KiB
Vue
837 lines
22 KiB
Vue
<!-- 日期组件 -->
|
||
<template>
|
||
<view class="tm-pickersDateView flex-start px-24" :class="[black_tmeme?'grey-darken-5':bgColor]">
|
||
|
||
<block v-for="(item_data,index_pub) in listData" :key="index_pub">
|
||
<view v-if="(index_pub==0&&dataCauser.year)
|
||
||(index_pub==1&&dataCauser.month)
|
||
||(index_pub==2&&dataCauser.day)
|
||
||(index_pub==3&&dataCauser.hour)
|
||
||(index_pub==4&&dataCauser.min)
|
||
||(index_pub==5&&dataCauser.sec)
|
||
" class="tm-pickersDateView-wk " :style="{
|
||
height:itemHeight*5+'px',
|
||
width:jswid() + '%',
|
||
marginLeft:index_pub==0?0:1 + '%',
|
||
}">
|
||
<scroll-view
|
||
@touchstart="setChildreIndex(index_pub)"
|
||
:show-scrollbar='false'
|
||
v-if="dataType!==null&&item_data"
|
||
:scroll-top="listIndex[index_pub]?listIndex[index_pub]['wz']:''"
|
||
scroll-y
|
||
@touchend="scrllEnd"
|
||
@scroll="scroll($event,index_pub)"
|
||
scroll-with-animation class="tm-pickersDateView-showbg"
|
||
:style="{
|
||
height:itemHeight*5+'px'
|
||
}">
|
||
<!-- #ifdef H5 -->
|
||
<view :id='"_bar_"+(index4)+"_bar_"' v-for="(item4,index4) in 2" :key="index4+'_a'" class="tm-pickersDateView-item "
|
||
:style="{height:itemHeight+'px'}">
|
||
<text class="opacity-1"></text>
|
||
</view>
|
||
<!-- #endif -->
|
||
<!-- #ifndef H5 -->
|
||
<view :id='"_bar_"+(index4)+"_bar_"' v-for="(item4,index4) in 2" :key="index4" class="tm-pickersDateView-item "
|
||
:style="{height:itemHeight+'px'}">
|
||
<text class="opacity-1"></text>
|
||
</view>
|
||
<!-- #endif -->
|
||
|
||
<view :id='"_bar_"+(index+2)+"_bar_"' v-for="(item,index) in item_data" :key="index"
|
||
class="tm-pickersDateView-item flex-center" :style="{
|
||
height:itemHeight+'px'
|
||
}">
|
||
<view class="text-size-g tm-pickersDateView-item-text" :class="[
|
||
listIndex[index_pub].itemIndex==index? (black_tmeme?'text-white':'text-black'):(black_tmeme?'':'opacity-4'),
|
||
listIndex[index_pub].itemIndex+1==index||listIndex[index_pub].itemIndex-1==index?'textLevel_1':'',
|
||
listIndex[index_pub].itemIndex+2==index||listIndex[index_pub].itemIndex-2==index?'textLevel_2':'',
|
||
|
||
]">
|
||
<text >{{fullNumber?buqi(item):item}}{{index_pub==0&&mode?'年':''}}{{index_pub==1&&mode?'月':''}}{{index_pub==2&&mode?'日':''}}{{index_pub==3&&mode?'时':''}}{{index_pub==4&&mode?'分':''}}{{index_pub==5&&mode?'秒':''}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- #ifdef H5 -->
|
||
<view v-for="(item4,index4) in 2" :key="index4+'_bb'" class="tm-pickersDateView-item"
|
||
:style="{height:itemHeight+'px'}">
|
||
<text></text>
|
||
</view>
|
||
<!-- #endif -->
|
||
<!-- #ifndef H5 -->
|
||
<view v-for="(item4,index4) in 2" :key="index4" class="tm-pickersDateView-item"
|
||
:style="{height:itemHeight+'px'}">
|
||
<text></text>
|
||
</view>
|
||
<!-- #endif -->
|
||
</scroll-view>
|
||
<view class="tm-pickersDateView-fg overflow round-5 shadow-5 flex-center"
|
||
:class="[
|
||
black_tmeme?'white opacity-1':'grey-darken-1 opacity-1'
|
||
]" :style="{
|
||
height:itemHeight+'px',
|
||
top:itemHeight*2+'px'
|
||
}">
|
||
|
||
</view>
|
||
</view>
|
||
</block>
|
||
|
||
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
/**
|
||
* 日期下拉选择器(嵌入式)
|
||
* @description 多级关联，单级关联选择
|
||
* @property {Array} default-value = [] 默认：当前的时间，初始显示的时间
|
||
* @property {String|Number} item-height = [34|42|50|58|62] 项目的高度单位px
|
||
* @property {String|Boolean} black = [true|false] 是否开启暗黑模式。
|
||
* @property {String|Boolean} disabled = [true|false] 是否禁用
|
||
* @property {String} bg-color = [white|blue] 默认：white,白色背景；请填写背景的主题色名称。
|
||
* @property {Object} show-detail = [{year:true,month:true,day:true,hour:false,min:false,sec:false}] 默认：{year:true,month:true,day:true,hour:false,min:false,sec:false}
|
||
* @property {String} start = [1900-1-1 00:00:00] 默认：1900-1-1 00:00:00，开始的时间
|
||
* @property {String} end = [] 默认：当前，结束的时间
|
||
* @property {String|Boolean} mode = [true|false] 默认：true，是否显示中文年，月后缀
|
||
* @property {String|Boolean} full-number = [true|false] 默认：true，是否把个位数补齐双位数
|
||
*/
|
||
export default {
|
||
name: "tm-pickersDateView",
|
||
props: {
|
||
// 行高。
|
||
itemHeight: {
|
||
type: String | Number,
|
||
default: 40
|
||
},
|
||
black:{
|
||
type:String|Boolean,
|
||
default:null
|
||
},
|
||
// 是否禁用
|
||
disabled:{
|
||
type:String|Boolean,
|
||
default:false
|
||
},
|
||
// 背景颜色，主题色名称。
|
||
bgColor:{
|
||
type:String,
|
||
default:'white'
|
||
},
|
||
//要展示的时间。
|
||
showDetail:{
|
||
type:Object,
|
||
default:()=>{
|
||
return {
|
||
year:true,//年
|
||
month:true,//月
|
||
day:true,//天
|
||
hour:false,//小时
|
||
min:false,//分
|
||
sec:false//秒
|
||
}
|
||
}
|
||
},
|
||
start:{
|
||
type:String,
|
||
default:'1900-1-1 00:00:00'
|
||
},
|
||
end:{
|
||
type:String,
|
||
default:''
|
||
},
|
||
defaultValue:'',
|
||
// 是否显示中文年，月后缀
|
||
mode:{
|
||
type:String|Boolean,
|
||
default:true
|
||
},
|
||
// 是否把个位数补齐双位数
|
||
fullNumber:{
|
||
type:String|Boolean,
|
||
default:true
|
||
}
|
||
|
||
},
|
||
data() {
|
||
return {
|
||
scrollEvent: 0,
|
||
childrenIndex: 0,
|
||
scrollChildrenIndex:0,
|
||
listIndex: [],
|
||
listData: [[],[],[],[],[],[]],
|
||
dataCauser:{
|
||
year:true,//年
|
||
month:true,//月
|
||
day:true,//天
|
||
hour:true,//小时
|
||
min:true,//分
|
||
sec:true//秒
|
||
},
|
||
|
||
startTime:null,
|
||
endTime:null,
|
||
|
||
|
||
|
||
};
|
||
},
|
||
mounted() {
|
||
for(let i =0 ; i <this.listData.length;i++){
|
||
this.listIndex.push({
|
||
itemIndex: 0,
|
||
childrenIndex: 0,
|
||
wz: 0
|
||
})
|
||
}
|
||
this.chulisdata()
|
||
|
||
this.$nextTick(function(){
|
||
|
||
this.setDefaultValue();
|
||
})
|
||
|
||
},
|
||
|
||
watch:{
|
||
defaultValue:async function(){
|
||
await this.setDefaultValue();
|
||
|
||
},
|
||
start:async function(){
|
||
await this.setDefaultValue();
|
||
|
||
},
|
||
end:async function(){
|
||
await this.setDefaultValue();
|
||
|
||
},
|
||
},
|
||
computed: {
|
||
dataType: function() {
|
||
return 'string';
|
||
},
|
||
gridNum: function() {
|
||
let t = this;
|
||
let d = 0;
|
||
for(let key in this.showDetail){
|
||
if(this.showDetail[key]==true){
|
||
d++
|
||
}
|
||
}
|
||
|
||
return d;
|
||
},
|
||
black_tmeme: function() {
|
||
if (this.black !== null) return this.black;
|
||
return this.$tm.vx.state().tmVuetify.black;
|
||
}
|
||
},
|
||
methods: {
|
||
buqi(val){
|
||
return (val > 9) ? ("" + val) : ("0" + val);
|
||
},
|
||
// 获取当前选中的数据。
|
||
getSelectedValue(){
|
||
let t = this;
|
||
let ap = [];
|
||
this.listIndex.forEach((item,index)=>{
|
||
ap.push(t.listData[index][item.itemIndex])
|
||
})
|
||
let jg = {
|
||
year:ap[0],//年
|
||
month:ap[1],//月
|
||
day:ap[2],//天
|
||
hour:ap[3],//小时
|
||
min:ap[4],//分
|
||
sec:ap[5]//秒
|
||
}
|
||
let ar = Object.keys(this.dataCauser);
|
||
|
||
ar.forEach(item=>{
|
||
if(t.dataCauser[item]===false){
|
||
delete jg[item]
|
||
}
|
||
})
|
||
return jg;
|
||
},
|
||
chulisdata() {
|
||
if(typeof this.showDetail === 'object'){
|
||
this.dataCauser = {...this.dataCauser,...this.showDetail};
|
||
}
|
||
this.startTime = new Date(this.start.replace(/-/g,'/'))
|
||
if(isNaN(this.startTime.getFullYear())){
|
||
this.startTime = new Date('1900/1/1 00:00:00')
|
||
}
|
||
this.endTime = new Date(this.end.replace(/-/g,'/'))
|
||
|
||
if(isNaN(this.endTime.getFullYear()) ){
|
||
this.endTime = new Date()
|
||
}
|
||
// this.dataCauser.year===
|
||
if(true){
|
||
let pyear = [];
|
||
for(let i=this.startTime.getFullYear();i<=this.endTime.getFullYear(); i++){
|
||
pyear.push(i)
|
||
}
|
||
this.listData.splice(0,1,pyear)
|
||
}
|
||
// this.dataCauser.month===
|
||
if(true){
|
||
let pmonth = [];
|
||
let x_year = this.startTime.getFullYear();
|
||
let xz_year= this.listData[0][this.listIndex[0].itemIndex];
|
||
if(xz_year === x_year){
|
||
for(let i=this.startTime.getMonth()+1;i<=12; i++){
|
||
pmonth.push(i)
|
||
}
|
||
}else{
|
||
|
||
// 不能大于endtime.
|
||
if(xz_year >= this.endTime.getFullYear()){
|
||
for(let i=1;i<=this.endTime.getMonth()+1; i++){
|
||
pmonth.push(i)
|
||
}
|
||
|
||
}else{
|
||
for(let i=1;i<=12; i++){
|
||
pmonth.push(i)
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
this.listData.splice(1,1,pmonth)
|
||
}
|
||
// this.dataCauser.day===
|
||
if(true){
|
||
function monthDay(year, month) {
|
||
var date = new Date(year, month, 1, 0, 0, 0)
|
||
var yesterDay = new Date(date - 1000)
|
||
return yesterDay.getDate()
|
||
}
|
||
let pday = [];
|
||
let year = this.startTime.getFullYear();
|
||
let xzyear = this.listData[0][this.listIndex[0].itemIndex];
|
||
if(xzyear){
|
||
year = xzyear;
|
||
}
|
||
let month = this.startTime.getMonth();
|
||
let xzmonth = this.listData[1][this.listIndex[1].itemIndex]-1;
|
||
if(xzmonth){
|
||
month = xzmonth;
|
||
}
|
||
let months = [31,monthDay(year,month+1),31,30,31,30,31,31,30,31,30,31];
|
||
|
||
|
||
|
||
if(year === this.startTime.getFullYear() && month === this.startTime.getMonth()){
|
||
|
||
if(year == this.endTime.getFullYear()&&
|
||
month == this.endTime.getMonth()+1
|
||
|
||
){
|
||
for(let i=this.startTime.getDate();i<=this.endTime.getDate(); i++){
|
||
pday.push(i)
|
||
}
|
||
}else{
|
||
for(let i=this.startTime.getDate();i<=months[month]; i++){
|
||
pday.push(i)
|
||
}
|
||
}
|
||
|
||
|
||
}else{
|
||
|
||
if(year >= this.endTime.getFullYear()&& month >= this.endTime.getMonth()){
|
||
for(let i=1;i<=this.endTime.getDate(); i++){
|
||
pday.push(i)
|
||
}
|
||
|
||
}else{
|
||
for(let i=1;i<=months[month]; i++){
|
||
pday.push(i)
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
this.listData.splice(2,1,pday)
|
||
}
|
||
// this.dataCauser.hour===
|
||
if(true){
|
||
let phour = [];
|
||
let s_year = this.startTime.getFullYear();
|
||
let o_year = this.listData[0][this.listIndex[0].itemIndex];
|
||
let s_month = this.startTime.getMonth()+1;
|
||
let o_month = this.listData[1][this.listIndex[1].itemIndex];
|
||
let s_day = this.startTime.getDate();
|
||
let o_day = this.listData[2][this.listIndex[2].itemIndex];
|
||
// let s_hour = this.startTime.getMinutes();
|
||
// let o_hour = this.listData[3][this.listIndex[3].itemIndex];
|
||
|
||
|
||
if(s_year===o_year&&s_month===o_month&&s_day===o_day){
|
||
|
||
if(s_year == this.endTime.getFullYear()&&
|
||
s_month == this.endTime.getMonth()+1 &&
|
||
s_day == this.endTime.getDate()
|
||
){
|
||
for(let i=this.startTime.getHours();i<=this.endTime.getHours(); i++){
|
||
phour.push(i)
|
||
}
|
||
}else{
|
||
for(let i=this.startTime.getHours();i<24; i++){
|
||
phour.push(i)
|
||
}
|
||
}
|
||
|
||
}else{
|
||
|
||
if(o_year >= this.endTime.getFullYear() && o_month >= this.endTime.getMonth()&& o_day >= this.endTime.getDate()){
|
||
for(let i=0;i<=this.endTime.getHours(); i++){
|
||
phour.push(i)
|
||
}
|
||
|
||
}else{
|
||
for(let i=0;i<24; i++){
|
||
phour.push(i)
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
this.listData.splice(3,1,phour)
|
||
}
|
||
// this.dataCauser.min===true
|
||
if(true){
|
||
let pmin = [];
|
||
let s_year = this.startTime.getFullYear();
|
||
let o_year = this.listData[0][this.listIndex[0].itemIndex];
|
||
let s_month = this.startTime.getMonth()+1;
|
||
let o_month = this.listData[1][this.listIndex[1].itemIndex];
|
||
let s_day = this.startTime.getDate();
|
||
let o_day = this.listData[2][this.listIndex[2].itemIndex];
|
||
let s_hour = this.startTime.getHours();
|
||
let o_hour = this.listData[3][this.listIndex[3].itemIndex];
|
||
if(s_year===o_year&&s_month===o_month&&s_day===o_day&&s_hour===o_hour){
|
||
|
||
|
||
if(s_year == this.endTime.getFullYear()&&
|
||
s_month == this.endTime.getMonth()+1 &&
|
||
s_day == this.endTime.getDate()&&
|
||
s_hour == this.endTime.getHours()
|
||
){
|
||
for(let i=this.startTime.getMinutes();i<=this.endTime.getMinutes(); i++){
|
||
pmin.push(i)
|
||
}
|
||
}else{
|
||
for(let i=this.startTime.getMinutes();i<60; i++){
|
||
pmin.push(i)
|
||
}
|
||
}
|
||
|
||
|
||
}else{
|
||
|
||
if(o_year >= this.endTime.getFullYear() && o_month >= this.endTime.getMonth()&& o_day >= this.endTime.getDate() && o_hour >= this.endTime.getHours()){
|
||
for(let i=1;i<=this.endTime.getMinutes(); i++){
|
||
pmin.push(i)
|
||
}
|
||
|
||
}else{
|
||
for(let i=0;i<60; i++){
|
||
pmin.push(i)
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
this.listData.splice(4,1,pmin)
|
||
}
|
||
// this.dataCauser.sec===
|
||
if(true){
|
||
let psec = [];
|
||
let s_year = this.startTime.getFullYear();
|
||
let o_year = this.listData[0][this.listIndex[0].itemIndex];
|
||
let s_month = this.startTime.getMonth()+1;
|
||
let o_month = this.listData[1][this.listIndex[1].itemIndex];
|
||
let s_day = this.startTime.getDate();
|
||
let o_day = this.listData[2][this.listIndex[2].itemIndex];
|
||
let s_hour = this.startTime.getHours();
|
||
let o_hour = this.listData[3][this.listIndex[3].itemIndex];
|
||
let s_min = this.startTime.getMinutes();
|
||
let o_min = this.listData[4][this.listIndex[4].itemIndex];
|
||
if(s_year===o_year&&s_month===o_month&&s_day===o_day&&s_hour===o_hour&&s_min===o_min){
|
||
|
||
if(s_year == this.endTime.getFullYear()&&
|
||
s_month == this.endTime.getMonth()+1 &&
|
||
s_day == this.endTime.getDate()&&
|
||
s_hour == this.endTime.getHours()&&
|
||
s_min == this.endTime.getMinutes()
|
||
){
|
||
for(let i=this.startTime.getSeconds();i<=this.endTime.getSeconds(); i++){
|
||
psec.push(i)
|
||
}
|
||
}else{
|
||
for(let i=this.startTime.getSeconds();i<60; i++){
|
||
psec.push(i)
|
||
}
|
||
}
|
||
|
||
|
||
}else{
|
||
|
||
if(o_year >= this.endTime.getFullYear() && o_month >= this.endTime.getMonth()&& o_day >= this.endTime.getDate() && o_hour >= this.endTime.getHours()&& o_min >= this.endTime.getMinutes()){
|
||
for(let i=1;i<=this.endTime.getSeconds(); i++){
|
||
psec.push(i)
|
||
}
|
||
|
||
}else{
|
||
for(let i=0;i<60; i++){
|
||
psec.push(i)
|
||
}
|
||
}
|
||
|
||
}
|
||
this.listData.splice(5,1,psec)
|
||
}
|
||
|
||
return this.listData;
|
||
},
|
||
async setDefaultValue(date){
|
||
let t = this;
|
||
let mobj;
|
||
if(date){
|
||
mobj = new Date(date.replace(/-/g,'/'));
|
||
}else{
|
||
try{
|
||
mobj = new Date(this.defaultValue.replace(/-/g,'/'));
|
||
}catch(e){
|
||
mobj = new Date();
|
||
}
|
||
if(!this.defaultValue || isNaN(mobj.getFullYear())){
|
||
mobj = new Date();
|
||
}
|
||
}
|
||
|
||
await uni.$tm.sleep(20)
|
||
// this.dataCauser.year===
|
||
if(true){
|
||
let pyear = mobj.getFullYear();
|
||
|
||
if(pyear <= this.startTime.getFullYear()){
|
||
|
||
pyear = this.startTime.getFullYear()
|
||
|
||
}else if(pyear >= this.endTime.getFullYear()){
|
||
pyear = this.endTime.getFullYear()
|
||
}
|
||
|
||
let itemIndex = this.listData[0].indexOf(pyear)
|
||
if(itemIndex>-1){
|
||
this.$set(this.listIndex[0], 'itemIndex', itemIndex);
|
||
this.$set(t.listIndex[0], 'wz', itemIndex * t.itemHeight);
|
||
this.chulisdata();
|
||
}
|
||
}
|
||
await uni.$tm.sleep(20)
|
||
// this.dataCauser.month===
|
||
if(true){
|
||
let pmonth = mobj.getMonth()+1;
|
||
if(mobj.getFullYear() <= this.startTime.getFullYear()&&pmonth <= this.startTime.getMonth()+1){
|
||
pmonth = this.startTime.getMonth()+1
|
||
}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&pmonth >= this.endTime.getMonth()+1){
|
||
pmonth = this.endTime.getMonth()+1
|
||
}
|
||
|
||
|
||
let itemIndex = this.listData[1].indexOf(pmonth)
|
||
|
||
if(itemIndex>-1){
|
||
this.chulisdata();
|
||
this.$set(this.listIndex[1], 'itemIndex', itemIndex);
|
||
this.$set(t.listIndex[1], 'wz', itemIndex * t.itemHeight-0.1);
|
||
setTimeout(function() {
|
||
t.$set(t.listIndex[1], 'wz', itemIndex * t.itemHeight);
|
||
}, 10);
|
||
|
||
}
|
||
}
|
||
await uni.$tm.sleep(20)
|
||
// this.dataCauser.day===
|
||
if(true){
|
||
let pday = mobj.getDate();
|
||
let pmonth = mobj.getMonth()+1;
|
||
if(mobj.getFullYear() <= this.startTime.getFullYear()&&
|
||
pmonth <= this.startTime.getMonth()+1&&
|
||
pday <= this.startTime.getDate()
|
||
){
|
||
pday = this.startTime.getDate()
|
||
}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&
|
||
pmonth >= this.endTime.getMonth()+1&&
|
||
pday >= this.endTime.getDate()
|
||
){
|
||
pday = this.endTime.getDate()
|
||
}
|
||
|
||
|
||
|
||
let itemIndex = this.listData[2].indexOf(pday)
|
||
|
||
if(itemIndex>-1){
|
||
this.chulisdata();
|
||
this.$set(this.listIndex[2], 'itemIndex', itemIndex);
|
||
this.$set(t.listIndex[2], 'wz', itemIndex * t.itemHeight);
|
||
}
|
||
}
|
||
await uni.$tm.sleep(20)
|
||
// this.dataCauser.hour===
|
||
if(true){
|
||
let phour = mobj.getHours();
|
||
let pday = mobj.getDate();
|
||
let pmonth = mobj.getMonth()+1;
|
||
|
||
if(mobj.getFullYear() <= this.startTime.getFullYear()&&
|
||
pmonth <= this.startTime.getMonth()+1&&
|
||
pday <= this.startTime.getDate()&&
|
||
phour <= this.startTime.getHours()
|
||
){
|
||
phour = this.startTime.getHours()
|
||
}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&
|
||
pmonth >= this.endTime.getMonth()+1&&
|
||
pday >= this.endTime.getDate()&&
|
||
phour >= this.endTime.getHours()
|
||
){
|
||
phour = this.endTime.getHours()
|
||
}
|
||
|
||
|
||
|
||
let itemIndex = this.listData[3].indexOf(phour)
|
||
if(itemIndex>-1){
|
||
this.chulisdata();
|
||
|
||
this.$set(this.listIndex[3], 'itemIndex', itemIndex);
|
||
this.$set(t.listIndex[3], 'wz', itemIndex * t.itemHeight);
|
||
|
||
}
|
||
|
||
}
|
||
await uni.$tm.sleep(20)
|
||
// this.dataCauser.min===
|
||
if(true){
|
||
let pmin = mobj.getMinutes();
|
||
let phour = mobj.getHours();
|
||
let pday = mobj.getDate();
|
||
let pmonth = mobj.getMonth()+1;
|
||
|
||
if(mobj.getFullYear() <= this.startTime.getFullYear()&&
|
||
pmonth <= this.startTime.getMonth()+1&&
|
||
pday <= this.startTime.getDate()&&
|
||
phour <= this.startTime.getHours()&&
|
||
pmin <= this.startTime.getMinutes()
|
||
){
|
||
phour = this.startTime.getMinutes()
|
||
}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&
|
||
pmonth >= this.endTime.getMonth()+1&&
|
||
pday >= this.endTime.getDate()&&
|
||
phour >= this.endTime.getHours()&&
|
||
pmin >= this.endTime.getMinutes()
|
||
){
|
||
phour = this.endTime.getMinutes()
|
||
}
|
||
|
||
|
||
let itemIndex = this.listData[4].indexOf(pmin)
|
||
if(itemIndex>-1){
|
||
|
||
this.$set(this.listIndex[4], 'itemIndex', itemIndex);
|
||
this.$set(t.listIndex[4], 'wz', itemIndex * t.itemHeight);
|
||
}
|
||
}
|
||
await uni.$tm.sleep(20)
|
||
// this.dataCauser.sec===
|
||
if(true){
|
||
let psec = mobj.getSeconds();
|
||
let pmin = mobj.getMinutes();
|
||
let phour = mobj.getHours();
|
||
let pday = mobj.getDate();
|
||
let pmonth = mobj.getMonth()+1;
|
||
|
||
if(mobj.getFullYear() <= this.startTime.getFullYear()&&
|
||
pmonth <= this.startTime.getMonth()+1&&
|
||
pday <= this.startTime.getDate()&&
|
||
phour <= this.startTime.getHours()&&
|
||
pmin <= this.startTime.getMinutes()&&
|
||
psec <= this.startTime.getSeconds()
|
||
){
|
||
psec = this.startTime.getMinutes()
|
||
}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&
|
||
pmonth >= this.endTime.getMonth()+1&&
|
||
pday >= this.endTime.getDate()&&
|
||
phour >= this.endTime.getHours()&&
|
||
pmin >= this.endTime.getMinutes()&&
|
||
psec >= this.endTime.getSeconds()
|
||
){
|
||
psec = this.endTime.getSeconds()
|
||
}
|
||
|
||
|
||
let itemIndex = this.listData[5].indexOf(psec)
|
||
if(itemIndex>-1){
|
||
|
||
this.$set(this.listIndex[5], 'itemIndex', itemIndex);
|
||
this.$set(t.listIndex[5], 'wz', itemIndex * t.itemHeight);
|
||
}
|
||
}
|
||
|
||
},
|
||
setChildreIndex(index){
|
||
this.childrenIndex = index;
|
||
},
|
||
scroll(e, index) {
|
||
console.log(e);
|
||
this.scrollEvent = e;
|
||
this.scrollChildrenIndex = index;
|
||
|
||
},
|
||
jswid(){
|
||
let wd =(this.gridNum-1)-2
|
||
if(wd<=0) wd = 1;
|
||
return 100/wd;
|
||
},
|
||
scrllEnd(e) {
|
||
|
||
|
||
function monthDay(year, month) {
|
||
var date = new Date(year, month, 1, 0, 0, 0)
|
||
var yesterDay = new Date(date - 1000)
|
||
return yesterDay.getDate()
|
||
}
|
||
if (!this.scrollEvent) return;
|
||
let dNum = this.gridNum;
|
||
let d;
|
||
let t = this;
|
||
let idb = 88;
|
||
let idc = 884;
|
||
let srcllTop = this.scrollEvent.detail.scrollTop ;
|
||
|
||
if(srcllTop<=0){
|
||
srcllTop = 0;
|
||
}else if(srcllTop >= this.scrollEvent.detail.srcollHeigh){
|
||
srcllTop = this.scrollEvent.detail.srcollHeigh;
|
||
}
|
||
|
||
d = Math.ceil((srcllTop - (this.itemHeight / 2)) / this.itemHeight);
|
||
|
||
if(d>= t.listData[t.childrenIndex].length-1){
|
||
d = t.listData[t.childrenIndex].length-1
|
||
}
|
||
|
||
t.$set(t.listIndex[t.childrenIndex], 'wz', srcllTop)
|
||
let old_index = this.listIndex[this.childrenIndex].itemIndex || 0;
|
||
if(t.disabled){
|
||
clearTimeout(idb)
|
||
idb = setTimeout(function() {
|
||
t.$nextTick(function(){
|
||
t.$set(t.listIndex[t.childrenIndex], 'wz', old_index * t.itemHeight)
|
||
})
|
||
}, 5);
|
||
return;
|
||
}
|
||
|
||
this.$set(this.listIndex[t.childrenIndex], 'itemIndex', d)
|
||
t.chulisdata();
|
||
|
||
clearTimeout(idb);
|
||
idb = setTimeout(function() {
|
||
t.$nextTick(function(){
|
||
t.$set(t.listIndex[t.childrenIndex], 'wz', d * t.itemHeight)
|
||
|
||
for(let lsindex = t.childrenIndex+1;lsindex<6;lsindex++){
|
||
|
||
if( t.listData[lsindex][t.listIndex[lsindex].itemIndex] == undefined){
|
||
let pda = t.listData[lsindex].length-1;
|
||
|
||
if(d>=pda){
|
||
this.$set(this.listIndex[lsindex], 'itemIndex',pda)
|
||
t.$set(t.listIndex[lsindex], 'wz', pda * t.itemHeight)
|
||
|
||
}else{
|
||
this.$set(this.listIndex[lsindex], 'itemIndex',0)
|
||
t.$set(t.listIndex[lsindex], 'wz', 0)
|
||
}
|
||
|
||
}else{
|
||
let srcllTop_s = t.listIndex[lsindex].wz;
|
||
const tsdd = t.listIndex[lsindex].itemIndex;
|
||
|
||
t.$set(t.listIndex[lsindex], 'wz', (tsdd) * t.itemHeight-1)
|
||
this.$nextTick(function(){
|
||
t.$set(t.listIndex[lsindex], 'wz', (tsdd) * t.itemHeight)
|
||
})
|
||
|
||
}
|
||
}
|
||
})
|
||
}, 10);
|
||
|
||
|
||
|
||
|
||
|
||
}
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.tm-pickersDateView {
|
||
.tm-pickersDateView-wk {
|
||
position: relative;
|
||
|
||
.tm-pickersDateView-showbg {
|
||
position: absolute;
|
||
left: 0;
|
||
height: 0;
|
||
z-index: 5;
|
||
|
||
.tm-pickersDateView-item {
|
||
.tm-pickersDateView-item-text {
|
||
text {
|
||
transition: all 0.5s;
|
||
|
||
}
|
||
|
||
&.textLevel_1 {
|
||
text {
|
||
font-size: 28upx !important;
|
||
|
||
}
|
||
}
|
||
|
||
&.textLevel_2 {
|
||
text {
|
||
font-size: 26upx !important;
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
.tm-pickersDateView-fg {
|
||
position: relative;
|
||
z-index: 3;
|
||
|
||
}
|
||
}
|
||
}
|
||
</style>
|