精华内容
下载资源
问答
  • extjs 年月日期插件

    2014-12-05 15:46:52
    extjs中有时候查询需要通过日期年月)查询。而这就是一个只显示年月日期插件,很好用
  • 年月日,日期插件

    2017-02-08 16:40:23
    年月日,日期插件
  • 日期插件年月

    2017-10-18 11:31:38
    可以显示不同类型的日期形式,年月年月 时间等等
  • jQuery手机网页年月日期选择插件
  • jquery实现日期年月日三级联动插件

    热门讨论 2014-07-17 13:40:07
    自写的jquery日期年月日三级联动插件,效果很好用,博客里面告知引用办法:http://blog.csdn.net/kabulore 有任何疑问请联系QQ:1740437
  • 一个包含 年,年月年月日 的日期选择插件
  • Datetime简单全面好用的日期时间插件插件下载地址1.通过id使用HTML代码日期时间选择器js代码$('#datetimepicker').datetimepicker({dayOfWeekStart : 1,lang:'en',disabledDates:['1996/01/08','1996/01/09','1996/...

    Datetime

    简单全面好用的日期时间插件

    插件下载地址

    1.通过id使用

    HTML代码

    日期时间选择器

    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代码

    通过Class使用

    js代码

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

    3.只有时间

    HTML代码

    只有时间

    js代码

    $('#datetimepicker1').datetimepicker({

    datepicker:false,

    format:'H:i',

    step:5

    });

    4.带有按钮

    HTML代码

    带按钮的

    js代码

    $('#datetimepicker4').datetimepicker();

    $('#open').click(function(){

    $('#datetimepicker4').datetimepicker('show');

    });

    $('#close').click(function(){

    $('#datetimepicker4').datetimepicker('hide');

    });

    $('#reset').click(function(){

    $('#datetimepicker4').datetimepicker('reset');

    });

    5.黑色主题

    HTML代码

    黑色主题

    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});

    展开全文
  • 自写日期年月日三级联动效果jquery插件

    千次阅读 多人点赞 2014-07-17 13:50:38
    言归正传,有时候呢,我们会在用户资料的页面用到一个年月日期的三级联动效果。在网上找了找,没看到有多么合适的(主要是本屌丝倾向于用jquery写成插件的形式使用,哈哈~~) 这篇博文呢,主要目的是给大家看下我...


    哈哈,好久没写新博文啦,原因是最近一直在研究用jquery UI实现截取头像的功能,哈哈


    言归正传,有时候呢,我们会在用户资料的页面用到一个年月日日期的三级联动效果。在网上找了找,没看到有多么合适的(主要是本屌丝倾向于用jquery写成插件的形式使用,哈哈~~)

    这篇博文呢,主要目的是给大家看下我用jquery写成插件的形式。

    原理很简单,就是判断闰年,然后在select change事件的时候给显示日期的select重新append option

    (PS.不知道为啥,js有appendchild  方法,可以不停的插入child而不会覆盖,但是jquery却没有,append新的child会把之前的覆盖,感觉好蛋疼的说,本屌丝打算以后写个综合插件,把这些好用的小功能都封装进去,敬请期待吧~~)

    撸管无极限,菊花遍地开~~~吼吼,下面上代码。我给他取名叫birthday


    ;(function($){
        $.fn.birthday = function(options){
    	var opts = $.extend({}, $.fn.birthday.defaults, options);//整合参数
    	var $year = $(this).children("select[name="+ opts.year +"]");
    	var $month = $(this).children("select[name="+ opts.month +"]");
    	var $day = $(this).children("select[name="+ opts.day +"]");
    	MonHead = [31,28,31,30,31,30,31,31,30,31,30,31];
    	return this.each(function(){
    	    var y = new Date().getFullYear();
    	    var con = "";
    	    //添加年份
    	    for(i = y; i >= (y-80); i--){
    		con += "<option value='"+i+"'>"+i+"年"+"</option>";
    	    }
    	    $year.append(con);
    	    con = "";
    	    //添加月份
    	    for(i = 1;i <= 12; i++){
    		con += "<option value='"+i+"'>"+i+"月"+"</option>";
    	    }
    	    $month.append(con);
    	    con = "";
    	    //添加日期
    	    var n = MonHead[0];//默认显示第一月
    	    for(i = 1; i <= n; i++){
    		con += "<option value='"+i+"'>"+i+"日"+"</option>";
    	    }
    	    $day.append(con);
    	    $.fn.birthday.change($(this));
    	    
    	});
        };
        $.fn.birthday.change = function(obj){
    	obj.children("select[name="+ $.fn.birthday.defaults.year +"],select[name="+ $.fn.birthday.defaults.month +"]").change(function(){
    	    var $year = obj.children("select[name="+ $.fn.birthday.defaults.year +"]");
    	    var $month = obj.children("select[name="+ $.fn.birthday.defaults.month +"]");
    	    var $day = obj.children("select[name="+ $.fn.birthday.defaults.day +"]");
    	    $day.empty();
    	    var selectedYear = $year.find("option:selected").val();
    	    var selectedMonth = $month.find("option:selected").val();
    	    if(selectedMonth == 2 && $.fn.birthday.IsRunYear(selectedYear)){//如果是闰年
    		var c ="";
    		for(var i = 1; i <= 29; i++){
    		    c += "<option value='"+i+"'>"+i+"日"+"</option>";
    		}
    		$day.append(c);
    	    }else {//如果不是闰年也没选2月份
    		var c = "";
    		for(var i = 1; i <= MonHead[selectedMonth-1]; i++){
    		    c += "<option value='"+i+"'>"+i+"日"+"</option>";
    		}
    		$day.append(c);
    	    }
    	});
        };
        $.fn.birthday.IsRunYear = function(selectedYear){
    	return(0 == selectedYear % 4 && (selectedYear%100 != 0 || selectedYear % 400 == 0));
        };
        $.fn.birthday.defaults = {
    	year:"year",
    	month:"month",
    	day:"day"
        };
    })(jQuery);

    代码很简短,但是也很好用,用法如下:

    html部分,需要给select设置name

    <div id="birthday_container">
    <select name="year"></select>
    <select name="month"></select>
    <select name="day"></select>
    </div>

    js部分,引入此js文件后(注意放在引用的jquery库文件后面),在页面加载完毕后引入如下代码:

    //三级日期联动
    $("#birthday_container").birthday();

    是不是很简单呀,哈哈,提供该js的下载地址:

    jquery实现日期年月日三级联动插件

    无毒无码无广告~偷笑


    附拼诗一首以供娱乐~~猜下其中的意境吧,哈哈害羞

    空山新雨后,

    牧童骑黄牛,

    采菊东篱下,

    低头思故乡。


    有任何疑问或指教,请加QQ:1740437



    展开全文
  • EXT 选择年月 插件

    2011-10-20 16:07:22
    Ext中控件非常丰富,有各种格式的日期选择DateField,但是要选择月份,非常麻烦.往往是需要修改源码的方法 我添加了一个插件 代码及调用见 下载资源 本人已测 无问题
  • laydate日期时间插件只有是日期的时候才不用点确定,年选择器和年月选择器的时候必须点确定才能选中。用起来很不方便,这里在不改变源代码的情况实现不用点击确定。 年选择器实现 js代码 layui.use('laydate', ...

    laydate年选择器和年月选择器实现不点确定

    laydate日期时间插件只有是日期的时候才不用点确定,年选择器和年月选择器的时候必须点确定才能选中。用起来很不方便,这里在不改变源代码的情况实现不用点击确定。

    年选择器实现

    js代码

    layui.use('laydate', function(){
    	var laydate = layui.laydate;
    	var initYear;
    	laydate.render({
    		elem: '#year',
    		type: 'year',
    		/* ready和change函数是为了实现选择年份时不用点确定直接关闭  */
    		ready: function(date){ // 控件在打开时触发,回调返回一个参数:初始的日期时间对象
    			initYear = date.year;
    		},
    		change: function(value, date, endDate){ // 年月日时间被切换时都会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象
    			var selectYear = date.year;
    			var differ = selectYear-initYear;
    			if (differ != 15 && differ != -15) {
    				if($(".layui-laydate").length){
    					$("#year").val(value);
    					$(".layui-laydate").remove();
    				}
    			}
    			initYear = selectYear;
    		}
    	});
    });
    

    年月选择器实现

    js代码

    layui.use('laydate', function(){
    	var laydate = layui.laydate;
    	var initYear;
    	laydate.render({
    		elem: '#yearMonth',
    		type: 'month',
    		/* ready和change函数是为了实现选择年月时不用点确定直接关闭  */
    		ready: function(date){ // 控件在打开时触发,回调返回一个参数:初始的日期时间对象
    			initYear = date.year;
    		},
    		change: function(value, date, endDate){ // 年月日时间被切换时都会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象
    			var selectYear = date.year;
    			var differ = selectYear-initYear;
    			if (differ == 0) {
    				if($(".layui-laydate").length){
    					$("#yearMonth").val(value);
    					$(".layui-laydate").remove();
    				}
    			}
    			initYear = selectYear;
    		}
    	});
    });
    
    展开全文
  • 原生js实现的一款年月日期选择特效插件下载。基于原生JavaScript实现,非常简单实用的一款日历选择插件
  • https://github.com/xfhxbb/LCalendar 转载于:https://www.cnblogs.com/chengyalin/p/10483415.html

    https://github.com/xfhxbb/LCalendar

    转载于:https://www.cnblogs.com/chengyalin/p/10483415.html

    展开全文
  • Js日期插件,显示年月日时分秒,效果图如下图所示: 代码下载地址:http://download.csdn.net/download/u013533380/9929726
  • 本文实例讲述了JavaScript实现的自动生成 年月范围 选择功能。分享给大家供大家参考,具体如下:近日做项目涉及到日期选择,为了...主要书 用于赋值 和 取值方便还用到了 WdatePicker 插件进行具体日期选择$(funct...
  • 考虑到企业成长数据库中有大量的表格数据用easyui插件来简化一下开发,然而一点都不省力啊,由于...1.easyui日期插件改进 只显示年月 格式例如2017年8月 yyyymm("#id"); function yyyymm(data){ $(data).datebox({
  • 很好的js日期控件,插件式 方便 易用 。 有详细的使用api,很强大。 年月日时分秒 多种组合,随便用,通过一个函数,传递不同的参数可生成各种形式的日期组合插件。 皮肤颜色可任意修改。
  • 需求:日一致,则相差年月日为年、月相减,不做具体天数的计算,如2020年7月1日-2020年8月1日,则相差年月日为“0年1月0日” 插件:element-ui、moment,使用了moment来获取某个月份的天数 // 获取到的日期格式为...
  • 日期选择插件

    2017-01-16 17:02:06
    移动端的日期选择插件,可以选择年月日那样的。
  • 引用JS插件:  <script src="__STATIC__/laydate/laydate.js"></script> 插件下载地址: http://www.layui.com/laydate/ 成功之后的样式:   转载于:...
  • ext 只显示年月日期插件

    千次阅读 2010-09-15 22:14:00
    插件代码:Js代码 Ext.ux.MonthPickerPlugin = function() { var picker; var oldDateDefaults; this.init = function(pk) { picker = pk; picker.onTriggerClick = picker.onTriggerClick....
  • ext2,3,和4 版本 只显示年月日期插件 1:ext3版本插件 来自官方论坛:http://www.sencha.com/forum/showthread.php?74002-3.x-Ext.ux.MonthMenu   插件代码: Java代码  Ext.ux....
  • Ext.ux.MonthPickerPlugin = function() { var picker; var oldDateDefaults; this.init = function(pk) { picker = pk; picker.onTriggerClick = picker...
  • 1.日历插件仅显示年月,需要在html中作如下处理: &lt;style type="text/css"&gt; .ui-datepicker-calendar { display: none; } &lt;/style&gt; 2.因业务需要,需要查询全部,故...
  • 移动端日期时间插件

    2017-08-19 15:41:29
    移动端日期时间插件
  • 介绍图片.png使用日期选择器(jQuery)var nowDate = new Date();var prevDate = new Date(nowDate.getFullYear(),nowDate.getMonth(),nowDate.getDate()-1)var nextDate = new Date(nowDate.getFullYear(),nowDate....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,746
精华内容 1,498
关键字:

日期年月插件