private formTextareaAuto(): void {
var textarea = document.getElementsByTagName('textarea');
setTimeout(() => {
for (var i = 0; i < textarea.length; i++) {
textarea[i].style.height = 'auto';
textarea[i].scrollTop = 0; //防抖動
//有可能這個初始化高度賦值沒有賦上去
textarea[i].style.height = textarea[i].scrollHeight + 'px';
textarea[i].addEventListener('input', (e: any) => {
e.target.style.height = 'auto';
e.target.scrollTop = 0; //防抖動
e.target.style.height = e.target.scrollHeight + 'px';
});
}
}, 200);
}
bingzhichen 發表在 痞客邦 留言(0) 人氣()
<template>
<div
v-show="showGoTopIcon"
id="goToTop"
class='go-to-top'
@click="scrollToTop"
>
<img src="../assets/backtotop.png">
</div>
</template>
bingzhichen 發表在 痞客邦 留言(0) 人氣()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid</title>
<link rel="stylesheet" href="style.css">
</head>
bingzhichen 發表在 痞客邦 留言(0) 人氣()
// 動畫效果可以在此更改為需要的
const elTransition =
'0.4s height ease-in-out, 0.4s padding-top ease-in-out, 0.4s padding-bottom ease-in-out';
bingzhichen 發表在 痞客邦 留言(0) 人氣()
<template>
<div
v-show="showGoTopIcon"
id="goToTop"
class='go-to-top'
@click="scrollToTop"
>
<img :src="goTopSrc">
</div>
</template>
bingzhichen 發表在 痞客邦 留言(0) 人氣()
<template>
<div>
<div class="mask full-page">
<div class="mask-background"> </div>
<div class="mask-slot">
<slot />
</div>
</div>
</div>
</template>
bingzhichen 發表在 痞客邦 留言(1) 人氣()
<template>
<div class="animated fadeIn">
<div class="flex-right">
<date-picker
:format="datetime.FormatDate"
:title-format="datetime.FormatDate"
:placeholder="_('w_DateSelectDates')"
:range="true"
:clearable="false"
type="date"
class="col-md-3"
v-model="inputDatum.dateRange"
@input="updateDateRange"
>
<template v-slot:sidebar="{ emit }">
<div style="text-align: left">
<button class="mx-btn mx-btn-text col-md-12" @click="selectToday(emit)">Today</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectYesterday(emit)">Yesterday</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectLast7days(emit)">Last 7 days</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectThisWeek(emit)">This Week</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectLastWeek(emit)">Last Week'</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectThisMonth(emit)">This Month</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectLastMonth(emit)">Last Month</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ1(emit)">Q1</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ2(emit)">Q2</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ3(emit)">Q3</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ4(emit)">Q4</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectThisYear(emit)">This Year</button>
</div>
</template>
</date-picker>
</div>
</div>
</template>
bingzhichen 發表在 痞客邦 留言(0) 人氣()
最近轉職的培訓班真的越來越多，再來整理一波，主要是介紹付費的為主，免費的其實就是那些，可以參考介紹 轉職課程整理1
bingzhichen 發表在 痞客邦 留言(0) 人氣()
<template>
<div>
<b-col cols="6">
<b-button
variant="primary"
@click="pdfExport"
>
<i class="fa fa-file-pdf-o"></i>
Export PDF
</b-button>
</b-col>
</div>
</template>
bingzhichen 發表在 痞客邦 留言(0) 人氣()
<template>
<div>
<p class="title-date" v-if="isTitle">Select Dates</p>
<vue-ctk-date-time-picker
:no-label="true"
:range="true"
:custom-shortcuts="shortcuts"
formatted="YYYY/MM/DD"
format="YYYy/MM/DD"
disabled-dates="disabledDates"
v-model="date"
@is-hidden="validateDate"
@validate="validateDate"
id="range"
>
</vue-ctk-date-time-picker>
</div>
</template>
bingzhichen 發表在 痞客邦 留言(0) 人氣()
1.取消縮進檢查、編輯器配置：
File > Settings >
Editor > Code Style >
取消Indents Detection和EditorConfig勾選
bingzhichen 發表在 痞客邦 留言(0) 人氣()
interface IEnteredExitedSubtotal {
Hour: number;
Today: number;
Total: number;
TotalInTimeSection: number;
}
interface IInsideSubtotal {
Total: number;
}
interface CameraData {
Channel: number;
EnteredSubtotal: IEnteredExitedSubtotal;
ExitedSubtotal: IEnteredExitedSubtotal;
InsideSubtotal: IInsideSubtotal;
RuleName: string;
UTC: number;
}
let data = `summary.Channel=123
summary.EnteredSubtotal.Hour=22
summary.EnteredSubtotal.Today=60
summary.EnteredSubtotal.Total=1769
summary.EnteredSubtotal.TotalInTimeSection=60
summary.ExitedSubtotal.Hour=19
summary.ExitedSubtotal.Today=52
summary.ExitedSubtotal.Total=1705
summary.ExitedSubtotal.TotalInTimeSection=52
summary.InsideSubtotal.Total=324
summary.RuleName=NumberStat
summary.UTC=1565870249`;
bingzhichen 發表在 痞客邦 留言(0) 人氣()
歌好聽！！
電影好看！！
CP可口好吃！！
台灣何時會上映阿？？
bingzhichen 發表在 痞客邦 留言(0) 人氣()
// 注意：回傳值都為string格式，如果要日期格式，
請使用 new Date(this.getDateCount);
// 格式化日期
formatDate(dateArg: any): string {
const date = new Date(dateArg);
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const formatMonth = month < 10 ? `0${month}` : month;
const formatDay = day < 10 ? `0${day}` : day;
return `${year}-${formatMonth}-${formatDay}`
// set Date to 00:00:00
DateToZero(value: Date): Date {
let date = new Date(value.getTime());
date.setHours(0, 0, 0, 0);
return date;
}
bingzhichen 發表在 痞客邦 留言(0) 人氣()
Web前端 (5)