文档章节

6.EASYUI Calendar组件

F
 Favour
发布于 2016/08/14 17:05
字数 339
阅读 9
收藏 0
点赞 0
评论 0

1.基本日历组件 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta charset="UTF-8">
	<title>Basic TimeSpinner - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/demo.css">
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>基本日历组件</h2>
	<div class="demo-info" style="margin-bottom:10px">
		<div class="demo-tip icon-tip"></div>
		<div>点击选择一个日期.</div>
	</div>
	
	<div class="easyui-calendar" style="width:180px;height:180px;"></div>

</body>
</html>

2.一周的第一天

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta charset="UTF-8">
	<title>Basic TimeSpinner - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/demo.css">
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>一周的第一天</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>选择一周的第一天.</div>
	</div>
	
	<div style="margin:10px 0">
		<select onchange="$('#cc').calendar({firstDay:this.value})">
			<option value="1">周一</option>
			<option value="2">周二</option>
			<option value="3">周三</option>
			<option value="4">周四</option>
			<option value="5">周五</option>
			<option value="6">周六</option>
			<option value="0">周日</option>
		</select>
	</div>
	
	<div id="cc" class="easyui-calendar" style="width:180px;height:180px;"></div>
</body>
</html>

 

© 著作权归作者所有

共有 人打赏支持
F
粉丝 4
博文 186
码字总数 96673
作品 0
成都
程序员
超过 25 个华丽的 Web 日历组件【多图慎入】

Web 应用上经常需要用到日历组件,例如生日选择、日程提醒、日期相关设置等等,下面是超过25个的界面非常华丽的日历组件。 Calendar PSD Template Web Icon Calendar Slick Calendar – 3 Co...

红薯
2011/06/11
10K
40
React 组件库 uiw 1.6.0 发布,新增多个功能

uiw 1.6.0 新版发布, 高品质的 UI 工具包,React 的组件库,为打造高品质的 React UI 工具包的理想而奋斗!!! 新功能: 组件Calendar添加月份面板。 b84167d 组件Calendar添加date,mode属性...

同一种调调
2017/12/18
640
0
Java中的时间日期处理

程序就是输入——>处理——>输出。对数据的处理是程序员需要着重注意的地方,快速、高效的对数据进行处理时我们的追求。其中,时间日期的处理又尤为重要和平凡,此次,我将把Java中的时间日期...

ok绷forever
2016/07/20
17
0
实战SimpleMVC开发应用

简介: SimpleMVC 是一个通用的MVC框架,适用于企业应用与互联网应用平台,是一个成熟的、耦合性很低的优秀框架,本文将结合实例来介绍如何使用它来进行 J2EE 的开发。 我们在基于SimpleFra...

simplesns
2011/01/19
277
0
忘记ssh的原因,使用ssh的请发言

今天分享下使用simple开发的一个新增例子,本人很害羞,希望一起学习simple的给予掌声鼓励一下,让我有勇气可以献丑。 好了,说下要完成的需求吧! 新增需要完整的功能包括: 1) 需要完成对指...

simplesns
2011/04/10
344
1
Java中的时间日期处理

程序就是输入——>处理——>输出。对数据的处理是程序员需要着重注意的地方,快速、高效的对数据进行处理时我们的追求。其中,时间日期的处理又尤为重要和平凡,此次,我将把Java中的时间日期...

ok绷forever
2016/10/13
17
0
HTML5 Web app开发工具Kendo UI Web教程:如何配置Kendo UI Ca...

Kendo UI Web包含数百个创建HTML5 web app的必备元素,包括UI组件、数据源、验证、一个MVVM框架、主题、模板等。本文来看看如何配置Kendo UI Calendar。 1、创建新的操作方法来显示视图: [j...

菜鸟的春天
2013/10/14
0
0
PrimeNG 4.2.2 发布,强大的 Angular UI 组件库

PrimeNG 4.2.2 已发布,PrimeNG 是一个极为完善的开源 Angular UI 组件库,原生小部件丰富,内置 70 多个易于使用的组件,可满足所有 UI 需求。 PrimeNG 4.2.2 提供了 50 多项改进,带来了全...

王练
2017/10/09
1K
6
ZK Calendar

ZK 行事历 (ZK Calendar)为一以网络为基础建立的行事历,除了拥有与Google行事历应用程序(Google calendar application)可相互比拟的功能和效果之外,ZK 行事历 (ZK Calendar) 的最大特点是它...

匿名
2010/06/12
1K
0
Ext JS 大型日历控件

原文:Ext JS 3.3 Calendar Component on September 8, 2010 by Brian Moeskau 对一个成熟的日历控件而言,应该可以很轻松地整合之,或本身就可以视其为一个可产品化的项目。不仅如此,通过观...

sp42
2010/09/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

20位活跃在Github上的国内技术大牛 leij 何小鹏 亚信

本文列举了20位在Github上非常活跃的国内大牛,看看其中是不是很多熟悉的面孔? 1. lifesinger(玉伯) Github主页: https://github.com/lifesinger 微博:@ 玉伯也叫射雕 玉伯(王保平),...

海博1600
10分钟前
0
0
高性能服务器本质论

一 服务器分类 从软件性能角度,高性能服务器分:cpu密集型服务器/IO密集型服务器 (1)CPU密集型:该类服务器没有对io的访问/没有同步点,性能瓶颈在于对cpu的充分利用。 典型的如转发服务器/...

码代码的小司机
11分钟前
0
0
Mybatis收集配置

一、Mybatis取Clob数据 1、Mapper.xml配置 <resultMap type="com.test.User" id="user"> <result column="id" property="id"/> <result column="json_data" property="jsonData" ......

星痕2018
36分钟前
0
0
centos7设置以多用户模式启动

1、旧版本linux系统修改inittab文件,在新版本执行vi /etc/inittab 会有以下提示 # inittab is no longer used when using systemd. # # ADDING CONFIGURATION HERE WILL HAVE NO EFFECT ON......

haha360
今天
0
0
OSChina 周日乱弹 —— 局长:怕你不爱我

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ andonny :分享周二珂的单曲《孤独她呀》 《孤独她呀》- 周二珂 手机党少年们想听歌,请使劲儿戳(这里) @孤星闵月 :没事干,看一遍红楼梦...

小小编辑
今天
192
9
Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式 Factory工厂模式 Singleton单例模式 Delegate委派模式 Strategy策略模式 Prototype原型模式 Template模板模式 Spring5 beans 接口实例化 代理Bean操作 ...

小致dad
今天
0
0
SpringBoot | 第十章:Swagger2的集成和使用

前言 前一章节介绍了mybatisPlus的集成和简单使用,本章节开始接着上一章节的用户表,进行Swagger2的集成。现在都奉行前后端分离开发和微服务大行其道,分微服务及前后端分离后,前后端开发的...

oKong
今天
11
0
Python 最小二乘法 拟合 二次曲线

Python 二次拟合 随机生成数据,并且加上噪声干扰 构造需要拟合的函数形式,使用最小二乘法进行拟合 输出拟合后的参数 将拟合后的函数与原始数据绘图后进行对比 import numpy as npimport...

阿豪boy
今天
17
0
云拿 无人便利店

附近(上海市-航南路)开了家无人便利店.特意进去体验了一下.下面把自己看到的跟大家分享下. 经得现场工作人员同意后拍了几张照片.从外面看是这样.店门口的指导里强调:不要一次扫码多个人进入....

周翔
昨天
1
0
Java设计模式学习之工厂模式

在Java(或者叫做面向对象语言)的世界中,工厂模式被广泛应用于项目中,也许你并没有听说过,不过也许你已经在使用了。 简单来说,工厂模式的出现源于增加程序序的可扩展性,降低耦合度。之...

路小磊
昨天
254
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部