日期:2014-05-16 浏览次数:20420 次
$(function () {
var date = new Date();
var firstDate = new Date(date.getFullYear(), date.getMonth(), 1);
var lastDate = new Date(date.getFullYear(), date.getMonth() + 1, 0);
$("#result").append("firstDate getDay= " + firstDate.getDay() +" <br/>");
$("#result").append("lastDate getDate= " + lastDate.getDate() +" <br/>");
$("#result").append("Date getMonth= " + (date.getMonth()+1) +" <br/>");
// 设置年月
$('h2').text(date.getFullYear() + '/' + (date.getMonth() + 1));
// 设置星期
var week = ['日', '一', '二', '三', '四', '五', '六'];
$.each(week, function(index, value) {
if (index == 0) {
$('<li/>').text(value).css('backgroundColor', '#f00').appendTo('ul');
} else {
$('<li/>').text(value).appendTo('ul');
}
});
// 设置日期
var calendarNum = (firstDate.getDay() + lastDate.getDate()) <= 35 ? 7 * 5 : 7 * 6;
var day = 0;
$.each((new Array(calendarNum)), function(index, value) {
var dayValue = '';
if (index >= firstDate.getDay() && day < lastDate.getDate()) {
day++;
dayValue = (date.getMonth() + 1) + '/' + day;
}
var myday = new Date(date.getFullYear(), date.getMonth(), day);
$("#result").append(myday.toString()+" getDay= " + myday.getDay() + "<br/>");
if ((new Date(date.getFullYear(), date.getMonth(), day).getDay()) == 0 && dayValue != '') {
$('<li/>').text(dayValue).css('backgroundColor', '#f00').appendTo('ul');
} else {
$('<li/>').text(dayValue).appendTo('ul');
}
});
// 指定多个选择设置
$('ul').selectable({
filter: 'li:contains(' + (date.getMonth() + 1) + '/)',
stop: function() {
var result = $('#result').empty();
$('.ui-selected', this).each(function(){
result.append('<' + $(this).text() + '>');
});
}
});
});
<body> <div id="header"> <h1>元素选择</h1> <!-- #header --></div> <div class="container"><div id="container"> <h2></h2> <ul></ul> <div id="result"></div> <!-- #container --></div><!-- .container --></div> <div id="footer"> <!-- #footer --></div> </body>
如需要阅读该回复,请登录或注册CSDN!
如需要阅读该回复,请登录或注册CSDN!