基于zepto.js 的日期选择插件

展示：

js 代码：

?

Zepto.datepicker = function(target){var datepicker = {init : function(){this._target = target;this._date = new Date();this._formatDate();},bind: function(){this._picker = (function(){var arr = [];arr.push('<div name="code">.datapicker{background:url(../img/datapicker.gif) no-repeat 230px center #FFF;}.datepicker-box{position:relative;top:-36px;left:0;margin-bottom:-36px;border:1px solid #d9d9d9;}.datepicker-header{background:#F8F8F8;border-bottom:1px solid #EEE;}.datepicker-header span{text-align:center;padding:12px 15px 10px;}.datepicker-header span.hover{background:#EEE;}.datepicker-header span b{display:block;width:0;height:0;font-size:0;border:8px solid #F8F8F8;}.datepicker-pre{float:left;}.datepicker-next{float:right;}.datepicker-header span.datepicker-pre b{border-left:0;border-right:8px solid #444;}.datepicker-header span.datepicker-next b{border-right:0;border-left:8px solid #444;}.datepicker-header h4{padding:10px 0;height:20px;line-height:20px;text-align:center;font-size:16px;font-weight:normal;}.datepicker-body{width:100%;border:0;border-collapse:collapse;border-spacing:0;}.datepicker-body th, .datepicker-body td{height:20px;line-height:20px;text-align:center;font-size:14px;}.datepicker-body th.datepicker-weekend, .datepicker-body td.datepicker-weekend{color:#FF0000;}.datepicker-body th{padding:6px 0;font-weight:normal;color:#333;}.datepicker-body td{padding:4px 0;}.datepicker-body td.cur{background:#DDD;border:1px solid #CCC;color:#FFF;}

?

?