效果如下: 说明: 时间范围的查询会存在以下问题: 1、如果单纯采用年月日的形式会出现缺少最后一点的数据,比如要查询2015-09-16到2015-09-17,那么2015-09-17 01:00:00的数据不会被查询出来。无论是使用between and还是<=/>=的形式 ...
前段时间公司有个后台项目需要使用一个选择时间段的组件,看了一下就自己写了一下,用angular写这种插件还是很简单的。 先看看最终是什么样子的: 功能是用户可以选择任意时间段,鼠标可以拖动任意的一周的时间段,松开鼠标结束选择。 话不多说,下面上代码: 页面结构大体是这样的。 js: 我模拟的数据比较臃肿,其实还可以将 scope.timearr 简化一下的,这个组件主要靠的就是 scope.ti ...
2017-04-27 15:34 1 1555 推荐指数:
效果如下: 说明: 时间范围的查询会存在以下问题: 1、如果单纯采用年月日的形式会出现缺少最后一点的数据,比如要查询2015-09-16到2015-09-17,那么2015-09-17 01:00:00的数据不会被查询出来。无论是使用between and还是<=/>=的形式 ...
前言: 在使用laydate组件的时候,难免会遇到选择时间段,官网给的文档中有选择时间段的组件,但是并不好用,首先只能选择一个月的时间段,有局限性,其次精确到时间的话要先选日期范围再选时间范围,很变态,还是用两个组件比较合适,但是用两个组件的话需要做判断,因为起始时间肯定不能在结束时间之后 ...
前言 现在很多app 都已经实现了夜间模式,这样可以在夜间的时候保护我们的眼睛呢?于是,就有了给自己博客添加夜间模式的想法,花不多说,开始吧。 预览 直接点击按钮 开启/关闭夜间模式。 实现思路 本质上讲,“夜间模式”就是在指定时间段内修改页面配色、图片亮度等,因此我们把问题 ...
效果(有给小bug, 在时间的大小比较上.): HTML: CSS Js 源码: http://yunpan.cn/cgsuDewUcaLMR(提取码:cdcb) ...
效果图: wxml: js: utils: calendar: ...
文件引入 <script type="text/javascript" src="css/jquery-3.2.1.js"></script> <link ...
import { TimePicker } from 'antd'; 引入 import moment from 'moment'; ...