相信有人会在页面中中选择日期时,需要知道选择日期的农历!如果是Java的话,在后台一下子就可以给转换掉,但是页面上,通过JavaScript来转换的话,不知道大伙儿有没有好的想法呢?刚好,前一段时间来,朋友问了这么一个问题,然后就写了一个demo给她,还行吧!希望能帮到有需要的各位,好啦,直接上代码,不想闲扯:
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
mydate.jsp
body {
font-family: 微软雅黑;
font-size: 14px;
}
[]
function getLunarCalendar(date){
var cc = new CalendarConverter;
var result = cc.solar2lunar(date);
return result.cYear + "(" + result.lunarYear + ")年" + (result.isLeap?"闰":"") + result.lunarMonth + "月" + result.lunarDay + " " + result.lunarFestival + " 星期" + result.week;
}
var nowDate = new Date();
document.getElementById('showSolarCalendar').innerHTML = nowDate.getFullYear() + "-" + (nowDate.getMonth() + 1) + "-" + nowDate.getDate();
document.getElementById('showLunarCalendar').innerHTML = getLunarCalendar(nowDate);
WdatePicker({
eCont:'showCalendar',
onpicked:function(dp){
document.getElementById('showSolarCalendar').innerHTML = dp.cal.getDateStr();
document.getElementById('showLunarCalendar').innerHTML = getLunarCalendar(new Date(dp.cal.getDateStr()));
}
});
最后给大伙儿贴上几张效果图:
1:
2:
3: