calendar-converter 是 JavaScript 版本的公历和农历的互转库。
示例代码:
var cc =new CalendarConverter;
cc.lunar2solar(new Date(2011, 0, 3)); ---> 2010,11,29
cc.solar2lunar(new Date(2010, 10, 29)); ----> 2011, 1, 3
农历转公历时,如果那一月是那一年的闰月,则需额外传一个参数,才能得到正确的公历日期
cc.solar2lunar(new Date(2012, 4, 27)); ---> 2012年4月初7, 其中 isLeap为true,表示为闰四月
cc.lunar2solar(new Date(2012, 3, 7)) ---> 得到错误时间:2012, 4, 27
cc.lunar2solar(new Date(2012, 3, 7), true) --> 正确: 2012, 5, 27
result:
{
cDay: "戊戌"
, cMonth: "丁未"
, cYear: "壬辰"
, isLeap: false // 该月是否为闰月
, lDay: 18
, lMonth: 6
, lYear: 2012
, lunarDay: "十八"
, lunarFestival: ""
, lunarMonth: "六"
, lunarYear: "龙"
, sDay: 5
, sMonth: 8
, sYear: 2012
, solarFestival: "" // 节日
, solarTerms: "" // 节气
, week: "日" // 周几
}
1对某些特殊日期进行高亮显示 2解决鼠标移动到日期控件内,需点击两次外部才能将焦点移出的问题 如果要高亮显示的日期是变化的,可以参考以下方法。 首先要设置一下Calendar的CalendarDayButtonStyle,加入一个高亮显示的框(HaveHistoryBackground)。将其显示绑定到一个list里面,如果日期在list里面,则显示,不在则不显示。 <Calenda
2.8 类型转换器(Converter) Spring MVC 框架的 Converter<S,T> 是一个内置的可以将一种数据类型转换成另一种数据类型的接口,这里 S 表示源类型,T 表示目标类型。 注意:在使用内置类型转换器时,请求参数输入值-源类型与接收参数类型-目标类型要兼容,否则会报 400 错误。请求参数类型与接收参数类型不兼容问题需要学习输入校验后才可解决。 日期字符串格式多,但Sp
由于项目对更改日期 时间的需要,接触了一下Calendar控件。结果发现在这么强大的控件的背后,微软其实并没有为开发人员留有很强的扩展性。 (项目要求的Calendar控件能对一些特定的日期进行特殊处理,如高亮,以及类似于Outlook的Calendar一样,可以编辑会议,提醒什么的。) Calendar里有一些控件如:CalendarItem,CalendarButton,CalendarDay
原理 1. 总览: Calendar本质上是一个6x7的列表,这个列表可以用ItemsControl来实现。其填充的每一个item都是一个自定义样式的Button,Button外面是一个圆形的border。根据Button按钮的IsEnabled状态,设置foreground以达到灰色不点击的效果。 2. ItemsControl内容的生成: 主要是想办法生成第一行第一列的日期,其他的日期只需要D
本文向大家介绍Javascript农历与公历相互转换的简单实例,包括了Javascript农历与公历相互转换的简单实例的使用技巧和注意事项,需要的朋友参考一下 如下所示: 以上就是小编为大家带来的Javascript农历与公历相互转换的简单实例全部内容了,希望大家多多支持呐喊教程~
本文向大家介绍JavaScript实现公历转农历功能示例,包括了JavaScript实现公历转农历功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现公历转农历功能。分享给大家供大家参考,具体如下: 完整代码(该源码使用在线工具http://tools.jb51.net/code/js进行了格式化处理,以便于读者阅读): 运行效果图如下: PS:这里再为大家推荐
日历demo,可以显示阳历和阴历,显示范围是1900年到2100年。左右滑动手势切换月份,标题点击出现年份和月份选择器,“今天”按钮返回当日,每天日期均可点击(接口已经预留),“今天”的lable背景呈现黄色。 [Code4App.com]
介绍 日历组件用于选择日期或日期区间,2.4 版本开始支持此组件。 引入 import { createApp } from 'vue'; import { Calendar } from 'vant'; const app = createApp(); app.use(Calendar); 代码演示 选择单个日期 下面演示了结合单元格来使用日历组件的用法,日期选择完成后会触发 confirm
使用指南 组件介绍 本组件只为展示日历。 引入方式 import { Calendar } from 'feart'; components:{ 'fe-calendar':Calendar } 代码演示 <fe-calendar :canToggle="canToggle" :canClickHeader="canClickHeader" selectDate="20
普通使用 <div class="content line"> 预约时间:<input type="text" id="calendar1" value="2014-08-08"/> </div> require(['moye/Calendar'], function (Calendar) { var calendar = $('#calendar1');
calendar 日历 支持国际化 日历样式 calendar.less 支持自定义 支持 月日历、周日历、input 日期选择器 支持左右滑动切换 支持自定义日期范围 支持自定义日期格式 支持日历事件记录展示 效果展示 月日历 <div class="dwz-calendar" dateFmt="yyyy-MM-dd" minDate="{ %y-3}-%M-%d" maxDat
描述 (Description) Calendar组件允许您轻松处理日期,并可用作内联或叠加组件。 叠加日历将自动转换为平板电脑上的弹出框。 只能使用JavaScript创建和初始化日历。 您需要使用相关App的方法,如下所示 - myApp.calendar(parameters) - 此方法返回初始化的日历实例。 它接受一个object作为参数。 下表显示了Framework7中的日历用法 -