jquery日历之昨天－－今天－－明天
本人菜鸟一枚，昨天被老大追着要一个含有前一天后一天的弹窗日历，而且还要显示当前的默认时间，这对于小白来说，无异于比长胖十斤更晴天霹雳。奈何我搜肠刮肚，绞尽脑汁，翻箱倒柜但还是没能找到一个合适的jquery日历插件，本着不抛弃不放弃的原则，我还是进行了最后的垂死挣扎，终于，根据mobiscroll 这个jquery改出来一个，（不要嘲笑菜鸟的无知，之前真的是以为插件就是直接拿来用的，感谢无所不能的百度和一个大神的指点，让我知道每个jquery库原来都是有API可寻的）废话不多说，直接上代码，希望能够对那些和我一样正在以龟速往前爬的小伙伴们以指引。
html代码：
html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>Mobiscroll日期时间中文精简实例title>
<script src="js/jquery.1.7.2.min.js">script>
<script src="js/mobiscroll_002.js" type="text/javascript">script>
<script src="js/mobiscroll.js" type="text/javascript">script>
<link href="css/mobiscroll_002.css" rel="stylesheet" type="text/css">
head>
<body>
<label for="appDate">日期label>
<input class="appDate" readonly="readonly" name="appDate" id="appDate" type="text" style="width: 200px; font-size: 18px;color: #E87633;border: none; font-weight:bold;">
<script type="text/javascript">
$(function () {
var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date',};
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
theme: 'android-ics light', //皮肤样式
display: 'modal', //显示方式
mode: 'scroller', //日期选择模式
dateFormat: 'yyyy-mm-dd',
lang: 'zh',
showYesterday:true, //默认前一天存在
showNow: true, //默认今天存在
showToworrow:true, //默认后一天存在
yesToday:"前一天",
nowText: "今天",
tomorrowData:"后一天",
startYear: currYear - 100, //开始年份
endYear: currYear + 100, //结束年份
};
$("#appDate").mobiscroll($.extend(opt['date'], opt['default']));
});
script>
body>
html>
mobiscroll.js里面的代码我会重点选出一部分，主要是我做的改动的部分，其余的整个会以包的形式展现给大家，当然mobiscroll——002.js也一样：
mobiscroll.js改动部分：
//默认点击之前显示日期为当天日期 $("#appDate").val(date.getFullYear() + "-" + (date.getMonth()+1) + "-" + date.getDate()); 这个老扎心了，之前都整不出来，默认显示当前日期，原来一句话的事儿。
//前一天 button1Text: s.showYesterday ? s.yesToday : undefined, button1: s.showYesterday ? function () { inst.setDate(new Date(date.getFullYear(), date.getMonth(), date.getDate() - 1),false , 0.3,false); } : undefined, //今天 button3Text: s.showNow ? s.nowText : undefined, button3: s.showNow ? function () { inst.setDate(new Date(), false, 0.3, true); } : undefined, //后一天 button4Text: s.showToworrow ? s.tomorrowData : undefined, button4: s.showToworrow ? function () { inst.setDate(new Date(date.getFullYear(), date.getMonth(), date.getDate() + 1), true, 0.3, false); } : undefined,
//因为mobiscroll插件库是全英文的，（so这部分是给出中文翻译部分）但是我们都是中国人好吗？（其实只是因为看不懂英文，累觉不爱。。。）
$.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, { yesToday:"前一天", tomorrowData:"后一天", setText: '确定', cancelText: '取消' });
mobiscroll——002.js改动部分：
//这句代码需要超级注意，这句代码需要超级注意，这句代码需要超级注意，它决定你的昨天今天和明天有没有用（虽然至今不懂为啥）
html += (s.display != 'inline' ? 's.button1 ? ' dwbc-p' : '') + '">' +(s.button1 ? '' + s.button1Text + '' : '') + (s.button3 ? '' + s.button3Text + '' : '') + (s.button4 ? '' + s.button4Text + '' : '')+'' + s.setText + '' +'' + s.cancelText + '