精华内容
下载资源
问答
  • flatpickr时间插件

    千次阅读 2017-02-09 15:05:44
    flatpickr功能强大的日期时间选择器插件 实例:<!DOCTYPE html> 时间插件应用 <link href="flatpickr/flatpickr.min.css" rel

    flatpickr功能强大的日期时间选择器插件
    实例:

    <!DOCTYPE html>
    <html lang="en" class="no-js">
        <head>
            <meta charset="utf-8" />
            <title>时间插件应用</title>
            <link href="flatpickr/flatpickr.min.css" rel="stylesheet" type="text/css"/>
            <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
            <script type="text/javascript" src="flatpickr/l10n/zh.js"></script>
            <script type="text/javascript" src="flatpickr/flatpickr.min.js"></script>
        </head>
        <body>
            <form action="">
            <label>时间插件应用</label>
            <input type="text" class="flatpickr">
            </form>
        </body>
        <script type="text/javascript">
        $(".flatpickr").flatpickr({
            enableTime: true,
            locale: "zh",
            minuteIncrement: 1,
            time_24hr: true,
            });
        </script>
    </html>

    在线演示 :
    http://www.niuqiqi.com/api/demo/index.php?url=/z-dm/2016/8/niuqiqi221430

    flatpickr日期时间选择器插件的github地址为:https://github.com/chmln/flatpickr

    其他时间选择:
    http://www.niuqiqi.com/html/down-tag-shijianxuanze.html
    日期选择:
    http://www.niuqiqi.com/html/down-tag-riqixuanze.html

    展开全文
  • Js时间插件

    千次阅读 2016-09-13 19:56:44
    这是一个用法极其简单的时间插件但效果却是异常的炫酷,这款插件会根据系统的当前时间显示出6个小黑人摆出不同的数字造型来显示本地时间鼠标移动到小人上时它会放大当前的数字小人   引用插件: animate.css ...

    这是一个用法极其简单的时间插件但效果却是异常的炫酷这款插件会根据系统的当前时间显示出6小黑人摆出不同的数字造型来显示本地时间鼠标移动到小人上时它会放大当前的数字小人

     

    引用插件:

    animate.css

    login.js

    编写代码:

    <body>

        <div style="text-align:center;margin-top:400px">

            <script>LoadBlogParts()</script>

        </div>

    </body>

     

    运行效果:

    展开全文
  • HTML日期时间插件

    千次阅读 2019-03-24 15:07:13
    简单全面好用的日期时间插件 插件下载地址 1.通过id使用 HTML代码 <h3>日期时间选择器</h3> <input type="text" value="" id="datetimepicker"/><br><br> js代码 $('#...

    Datetime

    简单全面好用的日期时间插件
    插件下载地址

    1.通过id使用

    HTML代码

    <h3>日期时间选择器</h3>
    <input type="text" value="" id="datetimepicker"/><br><br>
    

    js代码

        $('#datetimepicker').datetimepicker({
        dayOfWeekStart : 1,
        lang:'en',
        disabledDates:['1996/01/08','1996/01/09','1996/01/10'],
        startDate:	'1996/01/05'
        });
        $('#datetimepicker').datetimepicker({value:'2019/03/24 05:03',step:10});
    

    2.通过class使用

    HTML代码

      <h3>通过Class使用</h3>
    <input type="text" class="some_class" value="" id="some_class_1"/></br>
    

    js代码

    $('.some_class').datetimepicker();
    

    3.只有时间

    HTML代码

    <h3>只有时间</h3>
    		<input type="text" id="datetimepicker1"/><br><br></br>
    

    js代码

      $('#datetimepicker1').datetimepicker({
    	datepicker:false,
    	format:'H:i',
    	step:5
        });
    

    4.带有按钮

    HTML代码

    <h3>带按钮的</h3>
    <input type="text" value="2016/12/03 18:00" id="datetimepicker4"/>
    <input id="open" type="button" value="open"/>
    <input id="close" type="button" value="close"/>
    <input id="reset" type="button" value="reset"/>
    

    js代码

      $('#datetimepicker4').datetimepicker();
        $('#open').click(function(){
        	$('#datetimepicker4').datetimepicker('show');
        });
        $('#close').click(function(){
        	$('#datetimepicker4').datetimepicker('hide');
        });
        $('#reset').click(function(){
        	$('#datetimepicker4').datetimepicker('reset');
        });
    

    5.黑色主题

    HTML代码

    <h3>黑色主题</h3>
    	 <input type="text" id="datetimepicker_dark"/>
    

    js代码

     $('#datetimepicker_dark').datetimepicker({theme:'dark'})
        $('#datetimepicker_dark').datetimepicker({
        dayOfWeekStart : 1,
        lang:'en',
        disabledDates:['1996/01/08','1996/01/09','1996/01/10'],
        startDate:	'1996/01/05'
        });
        $('#datetimepicker_dark').datetimepicker({value:'2019/03/25 05:03',step:1});
    
    展开全文
  • vue日历时间插件

    千次阅读 2019-04-25 11:32:22
    为了找到一个可以使用的日历时间插件鬼知道我经历了什么。。。。。 下面给大家分享一下我找的时间插件,加上自己的一些整理,附上原地址:https://www.oschina.net/p/vue-better-calendar 首先你需要 安装 npm ...

    为了找到一个可以使用的日历时间插件鬼知道我经历了什么。。。。。
    下面给大家分享一下我找的时间插件,加上自己的一些整理,附上原地址:https://www.oschina.net/p/vue-better-calendar
    首先你需要
    安装
    npm install --save vue-better-calendar

    接着要在main.js中

     import VueBetterCalendar from 'vue-better-calendar'
     Vue.use(VueBetterCalendar)
    

    接着在你需要用的HTML中引用
    这个时间插件功能很是强大,支持:(范围选择,多选,签到,单选)我这边需要用到单选,所以接下来我会详情的讲解一下单选时的用法

    <vue-better-calendar @select-single-date="getDate" mode="single"></vue-better-calendar>
    

    js

    getDate(d){
    	console.log(d);   //这时打印出来的时间格式是:["2019", "04", "25"]   大家可以根据自己想要的数据结构进行分割
    }
    

    图:
    背景和‘取消是我自己加的’,你们也可以根据自己的需要添加
    在这里插入图片描述
    这里只是讲解了单选,如果以后有需要用到,多选或签到,会再过来补充的,嘻嘻 ?

    展开全文
  • 时间插件laydate的最大时间限制

    千次阅读 2019-05-10 17:38:16
    在使用laydate时间插件中,避免不了要对时间的大小区域进行限制,难受的是,找了又找也没找到关于这方面的文档…(好像之前的版本有?) 所以贴代码把 laydate.render({ elem: '#receive_time_date' , done: function ...
  • layer弹窗 datetimepicker时间插件

    千次阅读 2017-11-28 19:33:11
    做项目中使用了datetimepicker时间插件,但是让我郁闷的是datetimepicker这个插件在layer遮罩层中点击根本不起作用,问 了旁边的同事,才解决。 分析问题: 我们在使用datetimepicker时间插件时,是在script中...
  • jeecg自带时间插件选择

    千次阅读 2016-12-27 16:37:49
    value="">   jeecg自带时间插件选择
  • 前景:时间插件DatePicker 格式化选择日期: format="yyyy-MM-ddHH:mm:ss" value-format="yyyy-MM-ddHH:mm:ss" 设置日期选择范围::picker-options="start" 效果图: 代码实现: html: <el-col :span=...
  • laydate时间插件回调函数

    千次阅读 2018-10-29 19:57:36
    laydate时间插件回调函数,laydate时间插件在选中时间之后,如果需要继续其他操作,那么就可以用laydate回调函数, 具体用法如下: html代码,input框: &lt;input type="text" name="time&...
  • layui中laydate时间插件处理(开始时间与结束时间之间控制) //我这里默认2018-11-08 00:00:00格式 var nowTime = new Date();//得到当前日期 //日期 var startTime = laydate.render({ elem: '#starTime' ,...
  • eclipse插件开发5——时间插件Timer开发过程及步骤
  • vue-datetime日期时间插件使用心得

    万次阅读 2018-12-06 15:55:29
    项目需求,需要一款可以限制日期、时间的日期时间插件,去npm网站搜了一下,vue-datetime插件符合需求,使用人数也在迅速增加,界面也很漂亮,遂选。 插件地址:https://www.npmjs.com/package/vue-datetime 插件...
  • 要获取图中时间插件中的“取消”按钮就成 ![图片说明](https://img-ask.csdn.net/upload/201704/20/1492651306_46111.jpg) 调用时间插件的位置 ![图片说明]...
  • 几个前端时间插件总结

    万次阅读 2016-06-08 14:45:10
    @(JAVA开发)几个前端时间插件总结总结一下几款时间插件,分别是 - [ ] jeDate 下载地址 - [ ] bootstrap-datetimepicker 下载地址 - [ ] My97DatePicker 下载地址 - [ ] jquery UI 插件Datepicker 下载地址并...
  • OBS Studio插件,获取实时时间插件date-and-time.lua的使用 目录 1.效果及软件版本 2.文件与下载地址 3.放置位置 4.具体设置 5.注意 1.效果及软件版本 实时显示时间效果: 软件版本: OBS Studio ...
  • jQuery Date Range Picker时间插件API

    千次阅读 2016-12-09 15:29:18
    Date Range Picke时间插件的详细用法
  • Angular Js -moment Picker 时间插件(时间段选择) 一、moment Picker  插件的下载、引用及配置就不在多说了,直接暴力上代码 二、Html <span>{{ctrl.newchoose}} <span id='#showEndTimeError'
  • 使用laydate时间插件,想要改变插件原本的内容,这让人很头疼,可是需求提出来了 我们能说什么。。。。本次就是在不改变插件源码的基础上,改变插件样式。 &lt;div&gt;  &lt;ul class="...
  • h5时间插件

    千次阅读 2018-08-11 23:15:42
    转载地址:https://www.cnblogs.com/loveyaxin/p/6215677.html 安卓系统毫无bug,此插件很强大,作者写得很详细原代码在网站下面的评论
  • jedate时间插件

    千次阅读 2017-10-28 10:39:06
    JavaScript插件:快速选择日期----jedate日历插件 jedate是一款轻量级JS库,可快速选择日期 http://www.sucaijiayuan.com/Js/DateTime/1371.html 使用方法: 下载jedate , 解压后不要改变文件夹内的目录结构...
  • vue 时间插件限制选择时间

    万次阅读 2020-02-22 16:42:03
    el-date-picker设置日期选择范围 这个场景是在一个页面中有两个日期选择框,其中一个的日期只能在另一个的范围内进行选择,贴代码: template: <el-date-picker v-model="electricity" type="daterange" align...
  • bootstrap时间插件

    千次阅读 2016-12-14 00:02:41
    在web开发中,难免会用到时间选择控件,也正好也在使用bootstrap,所以就找到了bootstrap-datetimepicker 这个插件,下面把这个插件的使用记录一下,以做备忘。 1、前期准备(以下文件在下载的附件中已经下载,如果...
  • 在使用更新后的jedate时间插件(版本:jedate-6.0.2)后,发现最大最小时间限制有些问题,可能作者在设计上就是按原来的逻辑设计的,但是我在使用过程中发现不太符合我所认为的限制逻辑,所以我在jedate-6.0.2版本上对...
  • input输入框My97时间插件与值得获取

    千次阅读 2017-12-19 16:11:18
    input输入框My97时间插件与值得获取
  • 有人知道easyui时间插件只显示年月,不显示日期应该怎么做?最好有代码,万分感谢!!!
  • 关于vue中使用laydate时间插件的问题

    千次阅读 2018-10-21 15:18:28
    vue中使用laydate时间插件 之前在做vue项目时使用iviewUI库中的DatePicker组件,发现DatePicker使用起来比较麻烦,尤其是对时间精确度上的限制不尽人意,操作起来也比较繁琐,总之在处理一系列时间组件相互联动上...
  • 本来不是做前端的,但是...引用的时间插件: script src="${ctx}/resources/plugin/bootstrap_datatimepicker/js/bootstrap-datetimepicker.min.js">script> script src="${ctx}/resources/plugin/bootstrap_
  • 2015年3月版基于jQuery的日期时间插件
  • WdatePicker 时间插件

    千次阅读 2018-03-02 16:05:26
    常用法: ({dateFmt:'yyyy-MM-dd',readOnly:true});"> ({dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true});"> 开始时间: ({maxDate:'#F{$dp.$D(\'...一般不需要再另写js,这插件的好处就是简洁方便,功能还齐全。
  • 按F12,出现woff等格式文件errror什么的,一看,是时间插件的fonts文件夹没导入到css中,所以,只要把fonts文件夹放在项目CSS目录下就OK啦。 重新加载后:

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 47,682
精华内容 19,072
关键字:

时间插件