easyui实现日历

淩亂°似流年 2022-05-10 14:12 401阅读 0赞

用easyui方式实现日历，及日历标志

![70][]![70 1][]

<script type="text/javascript">
    $(function(){      //用jqery实现日历
     $('#cc').calendar({   
        current:new Date()   
       
    });  
    	
    </script>
    
      </head>
      
      <body>
      
      		<div style="margin:20px 0">    //可选择每个星期的第一天
    		<select onchange="$('#cc').calendar({firstDay:this.value})">
    			<option value="0">Sunday</option>
    			<option value="1">Monday</option>
    			<option value="2">Tuesday</option>
    			<option value="3">Wednesday</option>
    			<option value="4">Thursday</option>
    			<option value="5">Friday</option>
    			<option value="6">Saturday</option>
    		</select>
    	</div>
      			<div id="cc" style="width:180px;height:180px;" data-options="formatter:formatDay"></div>  
      			<script>
    		var d1 = Math.floor((Math.random()*30)+1);
    		function formatDay(date){
    			var m = date.getMonth()+1;
    			var d = date.getDate();
    			var opts = $(this).calendar('options');
    			if (opts.month == m && d == d1)
    				return '<div class="icon-ok md">' + d + '</div>';
    			return d;
    		}
    	</script>
    	<style scoped="scoped">
    		.md{
    			height:16px;
    			line-height:16px;
    			background-position:2px center;
    			text-align:right;
    			font-weight:bold;
    			padding:0 2px;
    			color:red;
    		}
    	</style>

[70]: https://img-blog.csdn.net/2018101817531948?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJQl9LYXNpYw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: /images/20220505/7a9c6eeee5684b06ab55d54552243643.png

发表评论取消回复

表情：

评论列表（有 0 条评论，401人围观）

还没有评论，来说两句吧...

相关阅读

相关 EasyUI中Calendar日历的简单使用

场景效果 ![Image 1][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

逃离我推掉我的手/ 2023年10月18日 20:18/ 0 赞/ 18 阅读

相关 c++实现日历

实现思路： 1. 获取输入月份最大天数，考虑是否是闰年。 2. 获取输入月份1号是周几，确定从第一行开始位置 include <iostream> in

客官°小女子只卖身不卖艺/ 2023年09月26日 19:56/ 0 赞/ 110 阅读

相关 js实现日历

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

太过爱你忘了你带给我的痛/ 2023年02月11日 07:28/ 0 赞/ 6 阅读

相关 java实现日历打印

目录前言实现思路代码 MonthUtils.java TimeUtils.java main方法

小灰灰/ 2022年12月30日 10:51/ 0 赞/ 181 阅读

相关 Electron实现桌面日历

前言概述本文介绍使用Electron来实现桌面日历示例，该桌面日历可切换年份和月份的数据，可显示假期的数据等不同功能；开发环境：no

清疚/ 2022年10月09日 14:27/ 0 赞/ 261 阅读

相关 java实现日历功能

完成一个 java application应用程序，输出一份当前所在时区当前时间的一个月的日历（1号到28/29/30/31号，以及每天对应为星期几）。思路：（1

柔光的暖阳◎/ 2022年05月12日 08:46/ 0 赞/ 190 阅读

相关 easyui实现日历

用easyui方式实现日历，及日历标志 ![70][]![70 1][] <script type="text/javascript"> $(functi

淩亂°似流年/ 2022年05月10日 14:12/ 0 赞/ 402 阅读

相关 JavaScript实现动态日历

[程序员学习书籍推荐][Link 1]（点击查看）原生JS实现动态日历: 思路分析: 1.手写对页面进行布局 2.创建时间 3.动态的改变标签中的内容 4.实

Bertha 。/ 2022年04月17日 05:19/ 0 赞/ 337 阅读

相关 EasyUI 日历控件之--限制日历开始和结束时间

首先引入EasyUI所需资源 <link rel="stylesheet" type="text/css" href="../../themes/default/

喜欢ヅ旅行/ 2022年04月16日 00:15/ 0 赞/ 360 阅读

相关 java实现打印日历

一、需求：已知1900年1月1日是星期一，用户输入年份和月份，可以打印出该月的日历二、思路： 1、确定该月的总天数 2、需要确定该月的1号是星期几（可以通过计算该

川长思鸟来/ 2022年03月30日 14:53/ 0 赞/ 412 阅读