基于Vue的日历小功能,可根据实际开发情况按每年.每月.每周.进行切换 <template> <div class="date"> <!-- 年份 月份 --> <div class="month"> <p>{{ currentYear }}年{{ currentMonth }}月</p> </div> <!-- 星期 --> <ul class="w

安装了linux双系统以后,发现每次双系统切换以后系统时间总会错误. 原因:Linux和win7(win10)双系统时间错误问题 时间相差8小时 MAC/linux 将系统硬件时间看待为UTC, 即Universal Time Coordinated,协调世界时 windows 将系统硬件时间看待为GMT, 即Greenwich Mean Time,格林尼治平时 解决方案: linux关闭UTC时间:修改/etc/default/rcS 文件的UTC=no(ubuntu 16.04 不可行, /

vue filters 时间戳转化成时间格式 filters: { formatDate: function (time) { var re = /-?\d+/ var m = re.exec(time) var d = new Date(parseInt(m[0])) var o = { 'M+': d.getMonth() + 1, 'd+': d.getDate(), 'h+': d.getHours(), 'm+': d.getMinutes(), 's+': d.getSeconds(

应用场景:vue表格撤销删除与保存按钮的显隐

第二次进入页面,页面路由参数已经改变,但是页面内容不会刷新 <keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们.和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中. app.vue <template> <div id=&quo

Vue中表格的数据应该来自后台数据库,然后从数据库中读取到的数据,时间格式可能有些不同,我们可以根据实际需要来对这个时间进行转化. 这里介绍一个js库,它提供了强大的日期处理功能,功能强大且只有2k大小.安装方式简单,只需要npm install fecha --save即可. Formatting(日期格式化) fecha提供一个format方法.fecha.format接收一个Date对象(或一个时间戳)和一个字符串形式的日期格式,然后返回一个字符串(处理后的日期). 注意: 当传入的参数无

效果图: html 显示部分: js 显示部分: preNextBtn(val){ let _this = this; this.tableList = []; //数据重置为空 _this.showTips = false; //显示loading let fieldValue = this.yearNum; let yearStart = new Date(parseInt(fieldValue),0,1) //设置该年1.1. let firstDay = yearStart.getDay

环境:vue+webpack+cornerstone ide:vs code 需求:窗格设置+拼图设置 分析: 由于时间的原因,我也没有Baidu更好的显示窗格的方法,所以使用比较笨的方法,通过组件显示,组件主要分为两部分. 1.主体 1-1.左边的窗格 1-2.右边的拼图 2-3.下方的显示部分=组件 2.组件 2-1. 点击左侧窗格显示的较大的组件 2-2.选择左侧内部的窗格后显示的较小的组件 3.控制方式 3-1.点击事件+v-show 4.需求整理 4-1.默认显示的窗格 4-2.点击左

第三章 建议学习时间8小时      总项目预计10章 学习方式:详细阅读,并手动实现相关代码(如果没有node和vue基础,请学习前面的vue和node基础博客[共10章] 演示地址:后台:demoback.lalalaweb.com  前台:demo.lalalaweb.com 演示过程中可能会发现bug,希望即时留言反馈,谢谢 源码下载:https://github.com/sutianbinde/classweb               //不是全部的代码,每次更新博客才更新代码 学

如果直接使用Element做时间选择器,其规则(rules)不添加type:'date',会提示类型错误,处理这个需要规范值的类型为date. 时间格式化过滤器 import Vue from 'vue' import service from './service.js' import onlineIcon from '@/assets/img/map/tsp_green.png' import unlineIcon from '@/assets/img/map/tsp_gray.png' i

众所周知,后端从Mysql取出的数据,一般是很难单独处理某一个Key的数据的(需要处理的话,可能会浪费大量的性能.而且对页面加载时间有很大的影响),所以,从数据库取出的数据.只能由前端进行处理.但是在Vue中,如果采用了element等组件,利用数据绑定的特性,也是很难对表格遍历的数据进行单独行的处理的. 我们这边取一个例子来说.比如Mysql datetime 类型的数据与我们一般的显示的形式是不一样的,为了用户更好的体验,势必需要对时间格式进行转换的. 下图是从mysql中默认取出的date

前言 去年用了一个小的 app,叫做 一个木函,本来想着用来做动画优化就删掉了的,不过看到他有个时间屏幕的小工具,就点进去看了下,觉得挺好玩的,就想着能不能自己实现一下. ps: 闲话不多说,先上例子点我查看,觉得没啥意思的就不需要再往下看了 简单的搭建一下 初始化一个 vue 项目 vue create vue-time 然后无脑下一步就好了(回车),这里我打算用 scss 方便我们书写样式 ,所以创建完成后,我们在安装下 scss cd vue-time npm i sass-loader

本文目录列表: 1.从MySQL提供的TO_DAYS和FROM_DAYS这对函数说起2.SQL Server日期时间粒度3.SQL Server周有关时间粒度 4.总结语 5.参考清单列表   从MySQL提供的TO_DAYS和FROM_DAYS针对函数说起      学习和使用过MySQL的博友,大都知道MySQL提供了很多针对日期和时间的函数,提供了获取不同时间粒度上的功能.相对而然SQL Server提供的有关日期和时间函数不太多的,但是其提供的功能也是蛮强大的.还是让我们继续话说MySQ

主要花费时间的事情: 1:安装配套的服务器,安装操作系统,安装数据库,配置远程访问等等,一般会耗费1天时间,甚至2天时间,若手头安装盘不齐全,需要耗费更多时间. 2:远程传输安装文件.特别是开发环境等等,上传到服务器上耗费的时间多,然后再安装相应的软件等,接近耗费1天时间. 3:配置好相应的管理工具,组件等可能要耗费1天时间,笔记本里没空间了,磁盘不够放了,运行慢了,折腾来折腾去,很可能也1天没了. 3:生成演示数据,生成基本数据,表结构核对调整,可能需要花费1天时间. 4:调试好代码,在另外一

这款app是我花一周左右时间做出来的,一款阅读笑话,段子,糗事,脑筋急转弯,神回复,语录,谜语等的休闲娱乐app,用户除了可以浏览他人发布的内容外,自己也可以发布相关内容,和其他人一同分享有趣的内容,整个app集成了用户注册登录,修改昵称用户名及个性签名并在前端调用显示,用户自主发布帖子,他人点赞,以及首页幻灯播放等功能,通过做这款app让我也学到了好多东西,比如页面间传值,跨窗口执行js脚本,以及用户注册登录信息本地存储等等. APP截图: 安卓直接下载地址: http://downloadp

不少后台文章管理系统就有今天.明天.一周内.全部的分类展示,用Jquery获取今天.明天.一周内的时间节点(如下图) html页面代码: <div class="date-list-center"> <a href="javascript:;" value="0">今天</a> <a href="javascript:;" value="1">昨天</a

最近碰到一个需求,单页应用里面页面切换的效果需要做成跟轮播图滑动slide一样,让这个页面在切换时感觉是一个页面.反复琢磨的vue里面的transition,最终将实现的核心代码贴出来.这里实现的是上下切换,左右的效果类似. 核心代码如下(App.vue): 注:这里使用了vue-touch组件来监听swipe事件 最重要的就是transition的样式:

前言 最近有一个说法,如果你看见某个网站的某个功能,你就大概能猜出背后的业务逻辑是怎么样的,以及你能动手开发一个一毛一样的功能,那么你的前端技能算是进阶中高级水平了.比如咱们今天要聊的这个话题:如何用Vue开发一个实时性的时间转换指令? 接下来正文从这开始~ 如上图所示(我是截取的某技术社区首页的部分页面),大家看到用红色边框勾选中的时间文字了吧.很多网站发布动态的时候,都会有一个相对本机时间转换后的相对时间.那你知道这个功能实现的背后原理是什么吗?如果有兴趣的,请备好瓜子,茶水,继续往下读.

前言 最近在做vue移动端项目,需要做一个可以固定表头首列的表格,而且由于一些原因不能使用任何UI插件,网上找了很久也没什么好方法,所以在解决了问题之后,写下了这篇文章供后来人参考,文章有什么错漏的问题欢迎评论交流. 效果 思路 要实现固定首行首列 除了使用各种UI框架插件外,那就是自己用原生写啦 首先我们理一下思路 如何固定首行首列呢? 可能每个人有不同的想法 我这里当然介绍的是我自己的想法 那就是把首列表头和表格主内容分割开来,如下图 不过这样虽然固定了表头首列 但还是不能实现我们想要的效果

iview 是一个支持中大型项目的后台管理系统ui组件库,相对于一个后台管理系统的表格来说分页十分常见的 iview是一个基于vue的ui组件库,其中的iview-admin是一个已经为我们搭好的后天系统框架,十分方便. 下面我们就简单封装一个分页插件 首先引用iview的分页 <Page :total="total" :page-size="pageSize" :page-size-opts="[10]" show-sizer show-

下拉列表column-select.vue组件内容: <template> <div class="column-select-wrapper"> <div v-show="!selectShow" class="column-text-container"> {{modalLabel}} </div> <Select v-show="selectShow" label-i