'2016-5-5': '上学' 鼠标停留有显示 ‘上学’ 两个字吗?我这边没有
year点击左右移动的时候,会发现月份会有问题。解决办法:
var currentmonth = selectMonth.value;
去代替 this.tmonth
//点击某一格,获取日期
$(function() {
$(".item-nolunar").click(function() { //天数格添加点击事件。
var year = $(".sc-select-year").val(); //获取当前选择年份。
var month = $(".sc-select-month").val(); //获取当前选择月份。
var day = $(this).children(".day").html(); //获取当前选择天数。
var date = year + "-" + month + "-" + day;
alert(date); //弹框展示。
});
});这个插件扩展很方便,后台程序员花5分钟搞明白。
根据我的页面结构改了下,有需要的可以参考下,(加了是不是本月的判断)
<script>
var myCalendar = new SimpleCalendar('#calendar');
$(".sc-item").click(function() { //天数格添加点击事件。
var year = $(".sc-select-year").val(); //获取当前选择年份。
var month = $(".sc-select-month").val(); //获取当前选择月份。
if ($(this).hasClass("sc-othermenth")) {
//console.log('不是本月的')
if ($(this).children(".day").html() > 20) {
//console.log('日期大于20,说明上月的')
month = parseInt(month) - 1;
}
if ($(this).children(".day").html() < 10) {
//console.log('日期小于10,说明次月的')
month = parseInt(month) + 1;
}
}
var day = $(this).children(".day").html(); //获取当前选择天数。
var date = year + "-" + month + "-" + day;
alert(date); //弹框展示。
});
</script>
谁知道怎么获取所有的节假日数组吗
我想知道怎么获取当前选中的日期
插件有bug,为什么2016年10月31日跑到11月份啦,不在10月份里显示
我想问怎么获取当天的数据
if (data) {
daysElement.forEach(function(v, i) {
var day = +v.querySelector('.day').innerHTML;
if (day == 1) currentmonth++; //国际节日
if (data.indexOf("'" + currentmonth + '-' + day + "'") > 0) {
v.classList.add('sc-vocation');
}
});
}
回复
var myCalendar = new SimpleCalendar('#container');
var options = {
width: '500px',
height: '500px',
language: 'CH',//语言
showLunarCalendar: true,//阴历
showHoliday: true,//休假
showFestival: true,//节日
showLunarFestival: true,//农历节日
showSolarTerm: true,//节气
showMark: true,//标记
timeRange: {
startYear: 1900,
endYear: 2049
},
mark: {
'2016-5-5': '上学'
},
theme: {
changeAble: false,
weeks: {
backgroundColor: '#FBEC9C',
fontColor: '#4A4A4A',
fontSize: '20px',
},
days: {
backgroundColor: '#ffffff',
fontColor: '#565555',
fontSize: '24px'
},
todaycolor: 'orange',
activeSelectColor: 'orange',
}
}