easyui实现日历

淩亂°似流年 2022-05-10 14:12 383阅读 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 条评论，383人围观）

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

相关阅读

相关 java实现日历打印

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

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

相关 vue打卡日历_vue实现日历备忘录功能

用vue写了个日历备忘录的功能，省略了备忘录的增删改查功能。 ![543dd331fe38cda0ab38b72155ed9fe2.png][] 直接上代码备忘录 \

分手后的思念是犯贱/ 2022年11月05日 15:59/ 0 赞/ 640 阅读

相关 php input 日历,第二节 PHP 实现日历功能

>\[success\] \ PHP 实现日历功能 !\[\](https://box.kancloud.cn/bb1b932d357938a48ae6c4a241b574e

本是古典何须时尚/ 2022年10月21日 04:59/ 0 赞/ 196 阅读

相关 Electron实现桌面日历

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

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

相关 javaScript实现日历控件

最近学习js，闲来无事就写了个简单的日历控件，不知道别人是怎么实现的，纯粹自己想法写的，写的不好，但可以起到抛砖引玉的作用。先来看效果。 ![Center][

不念不忘少年蓝@/ 2022年08月01日 13:52/ 0 赞/ 274 阅读

相关 java实现日历功能

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

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

相关 easyui实现日历

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

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

相关 JavaScript实现动态日历

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

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

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

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

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

相关 java实现打印日历

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

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