- 博客(59)
- 收藏
- 关注
RSS订阅原创 element 日期控件 最多回溯一年 时间可选择跨度为30天
<el-date-picker v-model="timeArr" type="daterange" range-separator="至" :picker-options="pickerOptions" @change="changeDateValue" start-placeholder="开始日期" end-placeholder="结束日期" ..
2022-04-11 11:04:51
460
原创 富文本wangEditor 配置
npm i wangeditor --saveimport E from 'wangeditor'const editor = new E('#editor-div')// 或者 const editor = new E( document.getElementById('editor-div') )editor.create()<div id="editor-div"></div>配置this.editorInput = new E("#editor-div");
2022-03-25 09:31:08
676
原创 uni-app 内置组件 picker 二次封装
<template> <picker class="constom-picker" ref="pickerRef" :mode="mode" :value="index" :range="range" :range-key="labelKey" @change="handleChange" > <view v-if="!pickerVa
2022-03-22 11:54:21
341
原创 根据高德地图 多边形 获取该区域的中心
参数[[113.049055,23.273062],[113.922468,23.605693],[114.230085,22.615453],[112.697493,22.954773],[112.851301,23.484833]]calculateCenter(lnglatarr) { var total = lnglatarr.length; var X = 0, Y = 0, Z = 0; lnglatarr.map((it
2022-03-11 15:26:04
2343
3
原创 node+express 服务配置vue-router history路由模式部署Vue
node app.jsvar createError = require('http-errors');var express = require('express');var path = require('path');var cookieParser = require('cookie-parser');var logger = require('morgan');var indexRouter = require('./routes/index');var usersRouter =
2021-10-25 11:04:01
332
原创 数组递归数结构
let brr = [ { id: 1, name: '部门1', pid: 0 }, { id: 9, name: '部门9', pid: 0 }, { id: 4, name: '部门4', pid: 3 }, { id: 2, name: '部门2', pid: 1 }, { id: 6, name: '部门6', pid: 1 }, { id: 7, name: '部门7', pid: 6 }, { id: 10, na
2021-07-13 10:37:17
93
原创 vue + eLement自定义指令
el-select 滚动触底部事件Vue.directive('loadmore', { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector( '.el-select-dropdown .el-scrollbar__wrap' ); SELECTWRAP_DOM.addEventListener('scroll', function(
2021-07-06 15:57:52
350
原创 vue.js响应式原理解析与实现
基础知识Object.definePropertyes5新增了Object.defineProperty这个api，它可以允许我们为对象的属性来设定getter和setter,从而我们可以劫持用户对对象属性的取值和赋值。比如以下代码:const obj = {};let val = 'cjg';Object.defineProperty(obj, 'name', { get() { console.log('劫持了你的取值操作啦'); return val; },
2021-04-27 16:45:22
117
原创 px2rem-loader 注意事项
在px后面添加/no/，不会转化px，会原样输出。 height: 32px!important; /*no*/
2021-01-28 10:00:03
436
原创 element table 列标题 Label 区域 两种方法
render-header <el-table-column label="微信推送" fixed="right" header-align="center" align="center" width="120" :render-header="renderHeader"> </el-table-column>methods:{ renderHeader(h, { column }) { // 渲染tab 鼠标事件 const
2020-11-24 11:16:11
1057
原创 vue中watch的详细用法，带deep 与 immediate
使用 immediate这样使用watch时有一个特点，就是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。如果我们需要在最初绑定值的时候也执行函数，则就需要用到immediate属性。比如当父组件向子组件动态传值时，子组件props首次获取到父组件传来的默认值时，也需要执行函数，此时就需要将immediate设为truenew Vue({ el: '#root', data: { cityName: '' }, watch: { cityNam
2020-10-15 13:56:59
594
原创 new Date(date).getTime()在苹果手机兼容 写法
new Date(data.replace(/-/g,'/')).getTime()data是字符串，格式类似于：‘2018-09-09 23:23:23’new Date(time1.replace(/-/g,'/')).getTime(); // 兼容 ios
2020-09-24 15:12:06
203
原创 js 计算两个日期的间隔时间（时间差）
TimeDifference ('2020-09-10 17:10:29','2020-9-18 17:11:31'); TimeDifference (time1, time2) { //定义两个变量time1,time2分别保存开始和结束时间 var stime =new Date(time1).getTime(); var etime = new Date(time2).getTime(); var usedTime = etime - s.
2020-09-18 17:30:43
1290
原创 element-ui table 给表头添加icon图标，以及鼠标滑过时显示提示内容
<el-table-column prop="handleRatio" label="处警率（%）" :render-header="renderHeader" width="170"> methods: { renderHeader(h, { column }) { const serviceContent= [ h( "div", { slot: "c...
2020-06-18 17:09:40
4398
1
原创 js 倒计时-两个时间段倒计时
业务需求：分别在规定的两个时间段内进行 抢券倒计时例如：时间一： 2020-01-16 00:00:00 开始抢券，2020-01-16 23:59:59 結束抢券时间二： 2020-01-17 12::00:00 开始抢券 2020-01-17 23:59:59 結束抢券html<p class="time"></p>Jslet clearFirstTime...
2020-01-15 10:20:51
882
原创 js 对象转数组 数组转对象
数组转对象方法一： 扩展运算符。var fruits = ['banana', 'apple', 'orange', 'watermelon'];var fruitsObj2 = {...fruits };// returns {0: "banana", 1: "apple", 2: "orange", 3: "watermelon"}方法二： var fruitsObj = Ob...
2019-12-31 11:13:40
87
原创 数字/阿拉伯数字转中文数字
toChinesNum: function (num) { var changeNum = [ '零', '一', '二', '三', '四', '五', '六', '七', '八', '九' ]; //chan...
2019-11-15 18:00:25
100
原创 Echarts 多y轴的配置
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>多系柱状图</title> <!-- 引入 echarts.js --> <script src="js/echarts.js"></script...
2019-11-15 17:48:48
717
原创 vue对象数组拆分，组成element-ui 所需表格数据结构
后端请求回来的数据结构 let res = [{ "typeList": [{ "typeName": "苹果", "typeCount": "0" }, { "typeName": "香蕉", "typeCount": "0" }, { "typeName": "榴莲", "typeCount": "0"...
2019-08-13 17:43:07
3174
原创 jquery 设置input的checked属性问题
第一种 <input class="inputcolor"name="site" type="radio" checked="checked" value="1" />正常 <input class="checkedseeond inputcolor" name="site" type="radio" value="2" />停用 $("input[name='s...
2019-07-05 14:47:48
10025
原创 获取开始和结束日期时间(半年周期)
getWhatDate: function (str) { //有参数传递为起始时间,无参数传递为结束时间 // 获取时间戳和数据周期 // 开始时间，格式yyyy - MM - dd HH: mm: ss var nowdate = new Date(); var halfYe...
2019-07-04 15:57:18
1302
原创 sessionStorage和localStorage封装
// 保存数据 setSessValue: function (key_, value) { sessionStorage.setItem(key_, value); }, // 获取数据 getSessValue: function (key_) { return sessionStorage.getItem(key_); },...
2019-07-04 10:41:21
170
原创 获取当前时间的前/后某一天的日期
/** *获取当前时间的前/后某一天的日期 * @param val 必填 前/后某一天的数值，0表示今天的日期，-1表示当前时间的前一天日期，即昨天，以此类推负数可获取当前时间的前n天日期；1表示当前时间的后一天日期，即明天，以此类推。 * @param format 选填 格式 'mm'到小时 'ss'到秒，不填默认返回到天 * @param conn...
2019-07-04 10:38:52
381
原创 时间对象的格式化
value 时间戳format 格式 'mm’到小时 'ss’到秒，不填默认返回到天connector 连接符 不填默认为 ‘-’{string}timeFormat: function (value, format, connector) { var date = new Date(value); var yy = date.getFullYear(); ...
2019-07-04 10:38:21
184
原创 时间对象的格式化
value 时间戳format 格式 'mm’到小时 'ss’到秒，不填默认返回到天connector 连接符 不填默认为 ‘-’{string}timeFormat: function (value, format, connector) { var date = new Date(value); var yy = date.getFullYear(); ...
2019-07-04 10:37:43
89
原创 base文件 ajax 封装post的方法
方法一postData: function (params) { var postParm = { murl: '', // 请求url mdata: {}, // 请求参数 timeout: 30000, // 请求超时时间，默认30秒 successCallBack: '' // 成功回调函数 } ...
2019-07-04 10:34:11
576
原创 获取当前一周时间 不含当天
val 如果形参存在就是代表为开始时间 getWeekTime: function (val, format) { var now = new Date(); var dd = 0; var time = ''; if (val) { dd = -7; } else { dd = -1; }...
2019-07-04 10:29:41
207
原创 获取本周的开始时间
getCurrentWeekStartTime: function (format) { var nowTemp = new Date(), //当前时间 cTime = nowTemp.getTime(), //当前时间的毫秒时间 cDay = nowTemp.getDay() || 7, //当前时间的星期几 mTime = cTi...
2019-07-04 10:28:55
923
原创 百度地图智能搜索及拖拽画圆
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&g...
2019-07-03 18:10:54
674
原创 bootstrapValidator 多种验证参数
<form id="driverdetectionform" class="form-horizontal" > <div id="detectiontotalbox" :class="[0 == driverbox ?'show' : 'none' ]"> <div class="form-g...
2019-07-03 15:33:28
462
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人