<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /><title>弹出式JavaScript日历控件</title><style>.tcalInput{background: url(‘/jscss/demoimg/201311/cal.gif‘) 100% 50% no-repeat;padding-right: 20px;cursor: pointe...
注释掉的是默认的css样式,你可以修改成自己的样式实现另一个风格,大家参考使用吧 代码如下:/** * jQuery Calendar Plugin */(function($, window) {use strict; $.fn.calendar = function(options) { //check is select, if nothing select, return this if (!this.length) { if (options && options.debug && window.console) { console.log("nothing select"); } ...
注释掉的是默认的css样式,你可以修改成自己的样式实现另一个风格,大家参考使用吧 代码如下:/** * jQuery Calendar Plugin */(function($, window) { use strict; $.fn.calendar = function(options) { //check is select, if nothing select, return this if (!this.length) { if (options && options.debug && window.console) { console.log("nothing select"); } ...
一、效果图二、页面文件 页面上需要添加<div id="cal"></div>标记。 三、JS代码代码如下:// JavaScript 日历$(document).ready(function () { //当前时间 $now = new Date(); //当前的时间 $nowYear = $now.getFullYear(); //当前的年 $nowMonth = $now.getMonth(); //当前的月 $nowDate = $now.getDate(); //当前的日 $nowMonthCn = monthCn($nowMonth)...