是一款开源、功能強大、应用比较广泛的JS实现的日历。可以定制日期事件,定制日期链接。而且支持中文化。
官方地址:http://www.dynarch.com/projects/calendar/
演示地址:http://www.dynarch.com/demos/jscalendar/
将以下文件拷贝到“js/jscalendar/”文件夹下
calendar.js
calendar-setup.js
calendar-zh.js
calendar-blue.css
注意:原有cn_utf8.js,calendar-zh.js等语言包文件缺少这一行Calendar._FD = 0; 应加上,否则显示中文时会出错。
html代码如下:
<script type="text/javascript" src="js/jscalendar/calendar.js"></script>
<script type="text/javascript" src="js/jscalendar/calendar-setup.js"></script>
<script type="text/javascript" src="js/jscalendar/calendar-zh.js"></script>
<style type="text/css"> @import url("js/jscalendar/calendar-blue.css"); </style>
<input type="text" id="data" />
<button type="submit" id="trigger">...</button>
<script type="text/javascript">
Calendar.setup({
weekNumbers : false, // hide week numbers
inputField : "data", // ID of the input field
ifFormat : "%Y-%m-%d", // the date format %Y-%m-%d %H:%M"
button : "trigger" // ID of the button
//align : "Tr"
});
</script>
分享到:
相关推荐
jquery calendar.js日历选择控件带节日日历选择器 jquery calendar.js日历选择控件带节日日历选择器 jquery calendar.js日历选择控件带节日日历选择器
Calendar 自定义日历选择器,时间范围精确到日,可精准自定义设置每个日期的初始样式和点击后的回调,提供 "弹层模式" 和 "普通排列" 的两种模式。
JS日历选择器控件是一款JS calendar日历选择控件鼠标点击text文本框弹出日历选择器。
花生米AJAX-UI系列之:基于JQUERY提供小时分秒选择的Calendar日历条控件0.1版 ... 可选择是否使用TIME选择器(即是否让日期格式中有小时:分:秒) 经测试,兼容IE6--IE8,FF,CHROME浏览器,非IE浏览器下更美观
DatePicker - 日期选择器支持日期范围,多个日历,样式等等
Js双日历控件,在一个网页上同时显示两个日期选择器,写成了封装类,方便使用者调用。同时美化的相当不错。 包括了以下函数: 1、2012——2020年节假日信息(包括节假日前1~3天/后1~3天) 2、格式化数字,...
DCalendar是一款简单jQuery日期选择器插件。该插件可以用于制作日历和日期选择器,它兼容IE8浏览器,使用起来非常简单。
收集有关使用开源的统计信息TOAST UI Calendar的React Wrapper应用Google Analytics(分析)(GA)来收集有关开放源代码使用情况的统计信息,以便确定TOAST UI Calendar在全世界的使用范围。 它也是确定项目未来走向...
r-date-picker 基于react的日历选择组件,支持单选,多选
jQuery事件日历插件Calendar是一款可帮助您在网页上创建事件日历和日期选择器,支持选择天,月份,年份,并能自定义日期对应的事件。
jQuery日期选择器DCalendar插件是一款可以用于制作日历和日期选择器,兼容IE8浏览器。
时间区间,如:2019-10-12~2019-11-01,根据极点日历自己封装的小组件。
一个优雅的Vuejs日历和日期选择器插件。 npm i --save v-calendar 文献资料 有关完整文档,请访问 。 属性 强调 点 吧台 约夏克布丁 多页日历 主题颜色和深色模式 日期选择器 单一日期 多次约会 日期范围 带范围...
React多天日历 用于计划工具的极简React日历。 如果您想玩它: 安装 使用npm或yarn。 npm install react-calendar-multiday 运行示例 cd app/Example npm install npm run start 进口 作为默认组件: import ...
一款还不错的日历控件,简单易懂的,这个主要是颜色的修改
一个jQuery时间选择控件,类似于Google Calendar.
余烬功率日历选择器 为提供其他日期选择组件该项目提供了可选的日期选择组件,这些组件与ember-power-calendar无缝集成。 当前,实现了月份选择器(用于选择多年)和年份选择器(用于选择几十年)。表中的内容背景...
JS日历选择器控件是一款JS calendar日历选择控件鼠标点击text文本框弹出日历选择器。
是一个日期选择器的源码 构造参数有2个 1:Calendar 初始日期 2:int 每周的第一天 (默认Calendar.SUNDAY) 创建以后使用showCalendarFrame()显示对话框 用getSelected()获取选择的Calendar对象
可复选单选时间,可在日历上标记红蓝点,开箱即用