一款景点的日期代码

最新推荐文章于 2025-11-27 12:57:01 发布
最新推荐文章于 2025-11-27 12:57:01 发布 · 131 阅读 · 0
文章标签：

#javascript #ViewUI

本文介绍了一个基于HTML和JavaScript实现的日历插件，该插件能够动态展示指定月份的日历，并提供日期选择功能。通过简单的JavaScript算法实现了日历布局的自动生成，包括对特殊日期的标记。
　<html>
<head>
<title>Agenda</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
BODY {
FONT-SIZE: 9pt; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
A {
FONT-SIZE: 9pt; TEXT-DECORATION: none; color: #000000
}
A:hover {
TEXT-DECORATION: none; color: #000000
}
A:link {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
BR {
FONT-SIZE: 9pt; height: 15pt;
}
TD {
FONT-SIZE: 9pt; LINE-HEIGHT: 11pt;
}
input {
FONT-SIZE: 9pt; height: 15pt;
}
.SCROLLBAR {
SCROLLBAR-FACE-COLOR: #718698;
SCROLLBAR-HIGHLIGHT-COLOR: #899aa9;
SCROLLBAR-SHADOW-COLOR: #506981;
SCROLLBAR-3DLIGHT-COLOR: #5b7086;
SCROLLBAR-ARROW-COLOR: #506981;
SCROLLBAR-TRACK-COLOR: #5b7086;
SCROLLBAR-DARKSHADOW-COLOR: #5b7086
}
</style>
<script language="JavaScript1.2">
<!--
var Timer = new Date();
var years = Timer.getYear();
var months = (Timer.getMonth()+1);
var days = Timer.getDate();
var weeks = Timer.getDay();
var Rec_List = "";
Rec_List = ",20020202,20020608,20020815,20021219,20010125,20011105,2001706,20030715,20031203,20030416,";

function GetDays(the_year,the_month){
var Max_day = 31;
if (the_month==4 || the_month==6 || the_month==9 || the_month==11){
Max_day = 30;
}else if(the_month==2){
if(the_year%400==0){
Max_day = 29;
}else if(the_year%100==0){
Max_day = 28;
}else if(the_year%4==0){
Max_day = 29;
}else{
Max_day = 28;
}
}
return Max_day;
}

function ShowPlan(the_year,the_month,the_day){
var thisDate = the_year + "-" + (the_month+1) + "-" + the_day;
selDate.value=thisDate;
selDate.innerText=thisDate;
LayerDate.style.visibility='hidden';
}

function HideDate(){
if(LayerDate.style.visibility!='hidden'){
LayerDate.style.visibility='hidden';
}
}

function Calendar(the_year,the_month){
var i = 0;
var FontColor;
var DateStr;
var New_Date = new Date(the_year,the_month,1)
var the_week = New_Date.getDay();
var Max_day = GetDays(the_year,the_month+1)
var dummy = 7-(the_week+Max_day)%7;
var Cal_str = "";
Cal_str += "<table align=center width=100% border=0 cellpadding=1 cellspacing=1 bgcolor=#FF9900>";
Cal_str += "<tr bgcolor=#ffcc99>";
Cal_str += "<td width=14% align=center>星期日</td>";
Cal_str += "<td width=14% align=center>星期一</td>";
Cal_str += "<td width=14% align=center>星期二</td>";
Cal_str += "<td width=14% align=center>星期三</td>";
Cal_str += "<td width=14% align=center>星期四</td>";
Cal_str += "<td width=14% align=center>星期五</td>";
Cal_str += "<td width=14% align=center>星期六</td>";
Cal_str += "</tr><tr>\n";
for(i=0;i<the_week;i++){
Cal_str += "<td valign=top align=center bgcolor=#ffffff onmouseout=this.bgColor='#ffffff' onmouseover=this.bgColor='#f2f8ff'> </td>\n";
}
for(i=1;i<=Max_day;i++){
FontColor = ((i+the_week)%7==1||(i+the_week)%7==0)?"red":"black"
DateStr = "," + the_year + (the_month<9?("0"+(parseInt(the_month)+1)):(parseInt(the_month)+1)) + (i<10?("0"+i):i) + ",";
Cal_str += "<td valign=top align=center bgcolor=" + (Rec_List.search(DateStr)!=-1?"#FFCC33":"white") + ((i==days&&the_year==years&&the_month==months-1)?" background=image/now.gif":"") + " onmouseout=this.bgColor='" + (Rec_List.search(DateStr)!=-1?"#FFCC33":"#ffffff") + "' onmouseover=this.bgColor='#f2f8ff'>"
Cal_str += "<a href=javascript:ShowPlan(" + the_year + "," + the_month + "," + i + ") style='color: " + FontColor + ";'>" + i + "</a></td>\n";
if((the_week+i)%7==0 && i!=Max_day) Cal_str += "</tr><tr>\n";
}
if(dummy < 7){
for(i=1;i<=dummy;i++){
Cal_str += "<td valign=top align=center bgcolor=#ffffff onmouseout=this.bgColor='#ffffff' onmouseover=this.bgColor='#f2f8ff'> </td>\n";
}
}
Cal_str += "</tr></table>";
return(Cal_str);
}

function DateChange(mode){
var theYear=parseInt(ShowYear.innerText);
var theMonth=parseInt(ShowMon.innerText);
if(mode){
theMonth++;
if(theMonth>=13){
theYear++;
theMonth=1;
}
}else{
theMonth--;
if(theMonth<=0){
theYear--;
theMonth=12;
}
}
ShowYear.innerText=theYear;
ShowMon.innerText=theMonth;
Cal_Tab.innerHTML=Calendar(theYear,theMonth-1);
}
function YearChange(){
var theYear;
theYear=prompt("Please input the year: (0 - 3000)",ShowYear.innerText);
if(theYear==null || theYear=="") return false;
theYear=parseInt(theYear);
theMon=parseInt(ShowMon.innerText);
if((theYear+"a")=="NaNa" || theYear>3000 || theYear<0){
alert("输入错误！");
return false;
}else{
ShowYear.innerText=theYear;
ShowMon.innerText=theMon;
Cal_Tab.innerHTML=Calendar(theYear,theMon-1);
}
setTimeout("LayerDate.style.visibility='visible'",10);
}
function MonChange(){
var theMon;
theMon=prompt("Please input the Month: (1 - 12)",ShowMon.innerText);
if(theMon==null || theMon=="") return false;
theMon=parseInt(theMon);
theYear=parseInt(ShowYear.innerText);
if((theMon+"a")=="NaNa" || theMon>12 || theMon<1){
alert("输入错误！");
return false;
}else{
ShowYear.innerText=theYear;
ShowMon.innerText=theMon;
Cal_Tab.innerHTML=Calendar(theYear,theMon-1);
}
setTimeout("LayerDate.style.visibility='visible'",10);
}
function showCalendar(){
event.cancelBubble = true;
LayerDate.style.top = event.srcElement.offsetTop + event.srcElement.offsetHeight + 2;
LayerDate.style.left = event.srcElement.offsetLeft - 150;
if(parseInt(LayerDate.style.left)<0) LayerDate.style.left = 0;
LayerDate.style.visibility = LayerDate.style.visibility=='hidden'?'visible':'hidden';
return false;
}
//-->
</script>
</head>
<body onClick="HideDate()">
<p align=center> </p>
<p align=center>
<input type=text id=selDate value="" style="width: 80px" readonly><input type=button value="q" style="FONT-SIZE: 7pt; FONT-FAMILY: Wingdings 3; width: 15pt" onClick="showCalendar()">
</p>
<div id="LayerDate" onClick="event.cancelBubble=true" style="position:absolute; width:300px; height:115px; z-index:1; visibility: hidden; BORDER: 1 solid black;">
<table width="300" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="40" align="center" bgcolor="#000000" nowrap> <input type="button" value="|" style="FONT-FAMILY: Wingdings 3;width: 20px" onClick="DateChange(false)"></td>
<td width="100%" align="center" bgcolor="#000000" style="color: white;FONT-WEIGHT: bold; CURSOR: default" nowrap><span id="ShowYear" onClick="YearChange()"></span> 年 <span id="ShowMon" onClick="MonChange()"></span> 月</td>
<td width="40" align="center" bgcolor="#000000" nowrap><input type="button" value="}" style="FONT-FAMILY: Wingdings 3;width: 20px" onClick="DateChange(true)"> </td>
</tr>
<tr>
<td colspan="3" align="center"> <span id="Cal_Tab"></span> </td>
</tr>
<tr>
<td height=30 colspan="3" valign="middle" style="cursor: default" onClick="Cal_Tab.innerHTML=Calendar(years,months-1);ShowYear.innerText=years;ShowMon.innerText=months"><image src=image/now.gif height=12>
<b>今天：
<script>document.write(years + "-" + months + "-" + days)</script>
</b> </td>
</tr>
</table>
</div>
<script language="JavaScript1.2">
ShowYear.innerText=years;
ShowMon.innerText=months;
Cal_Tab.innerHTML=Calendar(years,months-1);
ShowPlan(years,(months-1),days);
</script>
</body>
</html>
python抢票软件源代码_一百多行python代码实现抢票助手
weixin_34096885的博客
02-21 8510
一百多行python代码实现抢票助手来源：中文源码网浏览： 次日期：2019年11月5日【下载文档:一百多行python代码实现抢票助手.txt】(友情提示:右键点上行txt文档名->目标另存为)一百多行python代码实现抢票助手一. 代码使用Python+Splinter开发，Splinter是一个使用Python开发的开源Web应用测试工具，它可以帮你实现自动浏览...
java代码-景点门票计费（if嵌套）
07-16
在Java编程中，"景点门票计费（if嵌套）"是一个常见的问题，涉及到条件判断和逻辑控制。在这个场景中，我们通常会编写一个程序来根据不同的游客类型（如儿童、成人、老人等）和不同的时间段（如平日、周末、节假日等...
JavaScript 经典代码（13）
weixin_33921089的博客
12-26 125
&lt;!-- All Files Design &amp; Write by Windy_sk, you can use it freely but ... YOU MUST KEEP THIS ITEM ! Email: &lt;a href="mailto:windy_sk@126.com"&gt;windy_sk@126.com&lt;/a&gt; --&gt;&lt;html&g...
日期开窗2
08-08 136
Code<html><head><title>Agenda</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><styletype="text/css">BODY{FONT-SIZE:9pt;...
Java毕业设计：Java河南郑州景区景点买票购票系统毕业设计源代码作品和开题报告
杭州.黄老师
09-16 9743
黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，优快云博客专家，在线教育专家，优快云钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在优快云网站查询黄菊华老师。
Java毕业设计：辽宁大连景区景点买票购票网站系统毕业设计源代码作品和开题报告
杭州.黄老师
09-19 2885
黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，优快云博客专家，在线教育专家，优快云钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在优快云网站查询黄菊华老师。
Java毕业设计：Java吉林长春景区景点门票购票系统毕业设计源代码作品和开题报告
杭州.黄老师
09-16 4116
黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，优快云博客专家，在线教育专家，优快云钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在优快云网站查询黄菊华老师。
python爬虫可视化主题：python辽宁沈阳景点数据可视化和景点推荐系统源代码作品开题报告
杭州.黄老师
09-12 1959
专注大学生毕业设计教育和辅导。传承和弘扬地域文化：通过数据可视化和推荐系统，可以更加全面地展示沈阳的历史文化和自然风光，增强游客对沈阳文化的认知和认同，从而起到传承和弘扬地域文化的作用。提升旅游体验的需求：随着游客对旅游体验的要求不断提高，如何更好地展示沈阳的旅游资源和文化特色，提高游客的满意度和忠诚度，是当地旅游业面临的一个重要问题。提高旅游管理和服务水平：通过数据分析和挖掘，可以为旅游管理部门和企业提供更加准确和全面的数据支持，帮助他们更好地了解市场和游客需求，提高管理和服务水平。
python爬虫可视化主题：python湖南长沙景点数据可视化和景点推荐系统源代码作品开题报告
杭州.黄老师
09-13 5393
近年来，随着大数据和人工智能技术的飞速发展，数据可视化在中国得到了广泛的应用。因此，利用Python爬虫技术收集长沙各大旅游景点的数据，并结合数据可视化技术呈现景点的各种信息，以及开发景点推荐系统，对于提升游客的旅游体验和促进长沙旅游业的发展具有重要意义。例如，通过分析游客的流动数据和景点评价，可以优化旅游资源的配置和管理，提高旅游服务的质量和效率。综上所述，湖南长沙景点数据可视化和景点推荐系统的研究不仅有助于提高游客的旅游体验和促进旅游业的发展，还具有推动技术创新、跨领域合作和文化遗产保护的重要意义。
基于华为开发者空间Astro低代码应用平台，构建Deepseek智能助手界面
Java_fenxiang的博客
07-09 1059
华为开发者空间是为全球开发者打造的专属云上成长空间，深度整合昇腾AI、鸿蒙、鲲鹏等华为根技术。开发者空间在HDC2025上迎来全面升级，新增AI原生应用引擎、AI Notebook、鸿蒙云手机、FunctionGraph云函数、Astro低代码等核心能力，并在算力、模型、平台、应用层实现全方位优化，助力开发者高效完成从编码到调测的全流程，打造智能AI应用开发新体验。智能助手模板是基于AI大模型定制化的智能助手解决方案，旨在为企业和开发者提供灵活、高效、智能的交互体验。
自定义的仿美团，飞猪日期选择控件一
weixin_37166398的博客
02-24 821
本文是参考了网上找到的相应的文章和项目，自己动手实践的记录。 本文的主要目的是：1.复习一下自定义的view 2.利用Androidstudio4.0.2开发对比一下与之前有什么区别，因为在创建新项目的时候，强制性的选中使用android.x包。3.再熟悉一下BaseRecyclerViewAdapterHelper的用法。主要是关于多布局， item的点击事件等。 先上几张效果图： 其实关键点就是一个自定义的view。先来上布局文件 接下来重点是自定义的日期控件，日期控件的代码如下：
休闲度假酒店网站模板是一款国外大型酒店网站模板下载。.zip
02-19
标题“休闲度假酒店网站模板是一款国外大型酒店网站模板下载”指出，这是一个专为休闲度假酒店设计的网站模板，源自国外，并且提供下载服务。这意味着模板可能具有国际化的风格，适应多种文化和语言环境，同时也表明...
HTML5旅游景点模版是一款适合户外景点旅游公司网站模板下载 .rar
12-22
HTML5旅游景点模板是专为户外旅游公司设计的一款网页模板，它充分利用了HTML5的先进技术，为构建功能丰富且视觉吸引力强的旅游公司网站提供了便捷的解决方案。此模板旨在提升用户体验，展示旅游景点的魅力，同时方便...
爬取九寨沟景区旅游人数的源代码和可执行文件
01-19
标题中的“爬取九寨沟景区旅游人数的源代码和可执行文件”表明这是一个关于数据爬取的项目，专门用于获取九寨沟景区的游客数量信息。该项目包含两部分：Python编写的源代码和一个可执行文件。源代码是程序的基础，...
Vue开发工具使用技巧
2509_93946471的博客
11-24 348
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
【基础】EGG.js 框架内置基础对象
林见鹿鸣
11-24 918
在。
Vue 项目实战《尚医通》，路由鉴权完成，笔记71
Rockandrollman的博客
11-23 205
Vue 项目实战《尚医通》，路由鉴权完成，笔记71
Electron 与 OpenHarmony 的实战入门：手把手打造一个安全的简易记事本应用
最新发布
已掌握java全栈，简单的java项目逻辑。目前正在学习鸿蒙开发，有兴趣的小伙伴可以一起学习！！！
11-27 676
这个“简易记事本”虽只有几十行代码，却完整体现了 现代桌面应用的安全架构思想。它不仅是 Electron 的最佳入门实践，更是通往 OpenHarmony 全场景开发的桥梁。
Vue网站
2509_93947362的博客
11-24 200
给大家分享个实用技巧：组件通信时，简单的父子传参用props/$emit搞定，复杂场景就用Vuex，千万别为了省事滥用event bus，不然项目大了事件流会乱成麻花。以前写数据绑定总要搞一堆繁琐的DOM操作，现在一个双大括号{{data}}就能搞定，新手看了五分钟就能上手写页面。刚开始觉得小项目用Vuex太重量级，后来发现即便是最简单的购物车功能，随着业务复杂度的提升，最终还是得引入状态管理。特别是把相同业务逻辑抽离成composable函数后，在不同组件里直接引入就能用，代码复用率明显提升。
景区景点价格的分布图代码折线图
04-25
<think>好的，我现在需要帮助用户解决如何使用Python的Matplotlib库绘制景区景点价格分布折线图的问题。用户明确提到了示例、数据可视化、Python、matplotlib或其他库，所以需要给出具体的代码示例，并可能涉及其他库的建议。 首先，我需要回忆Matplotlib的基本用法，尤其是折线图的绘制步骤。根据用户提供的引用，特别是引用[2]和[4]，用户之前可能已经看过一些基础教程，但需要针对景区价格分布的具体场景进行调整。因此，示例数据应该包含景点名称和对应的价格，并且可能需要处理多个景点的数据进行比较。 接下来，确定数据结构。用户可能需要将景点名称作为x轴，价格作为y轴。由于景点名称通常是字符串，需要确保Matplotlib能够正确处理x轴的标签。在引用[2]中，x轴是数值，但这里需要替换为字符串，所以可能需要使用plt.xticks来设置标签，或者直接传递字符串列表，但需要检查Matplotlib版本是否支持。 然后，考虑代码的结构。根据引用[2]和[4]，基本步骤是导入库、准备数据、创建图表、设置标题和标签、显示或保存图表。需要将这些步骤应用到景区价格数据上。例如，准备两个列表，一个存储景点名称，另一个存储价格，然后使用plt.plot绘制折线图，并调整x轴的刻度标签。 另外，用户可能需要多个景点的价格对比，或者同一景点不同时间点的价格变化。但根据问题描述，用户提到的是分布图，可能更倾向于不同景点的价格比较。因此，示例数据应包含多个景点及其对应的价格。 同时，考虑是否需要使用其他库，比如Pandas来处理数据，或者Seaborn来美化图表。但用户主要询问的是Matplotlib或其他库，所以应该以Matplotlib为主，可能简要提及其他库作为备选。 还需要注意代码的完整性和可运行性。确保示例代码包含所有必要的导入和步骤，比如导入pyplot，准备数据，绘图，设置标签和标题，最后显示图表。此外，可能需要调整图表样式，比如线条颜色、标记点，或添加网格线，以提高可读性。 另外，用户的问题可能隐含对数据可视化的美观性要求，比如如何让折线图更清晰，如何处理大量数据点，或者如何添加注释。不过，用户当前的问题主要是如何实现基本的折线图，因此重点应放在基础实现上，再补充一些优化建议。 最后，生成相关问题，需要考虑用户可能的后续需求，比如如何处理动态数据、如何绘制多个折线进行比较、如何优化图表样式等。这些问题应围绕数据可视化的进阶应用展开，帮助用户深入探索。</think>根据您的需求，以下是用Python的Matplotlib库实现景区景点价格分布折线图的详细解决方案： ### 基础实现代码 ```python import matplotlib.pyplot as plt # 示例数据（景区名称和对应价格） scenic_spots = ['景点A', '景点B', '景点C', '景点D', '景点E'] prices = [120, 90, 150, 80, 200] # 创建画布和坐标轴 plt.figure(figsize=(10, 6), dpi=100) # 绘制折线图（蓝色实线带圆形标记） plt.plot(scenic_spots, prices, marker='o', # 添加数据点标记 linestyle='-', # 实线连接 color='#2E86C1', # 自定义颜色 linewidth=2) # 线宽 # 设置图表标题和坐标轴标签 plt.title('景区景点价格分布图', fontsize=14, pad=20) plt.xlabel('景区名称', fontsize=12) plt.ylabel('门票价格（元）', fontsize=12) # 设置刻度参数 plt.xticks(rotation=45) # x轴标签旋转45度 plt.grid(True, linestyle='--', alpha=0.7) # 添加虚线网格 # 自动调整布局并显示 plt.tight_layout() plt.show() ``` ### 功能扩展建议 1. **多景区对比**：使用不同颜色折线对比不同日期/季节价格 ```python # 添加对比数据 prices_holiday = [150, 120, 180, 100, 250] plt.plot(scenic_spots, prices, marker='o', label='平日价') plt.plot(scenic_spots, prices_holiday, marker='s', label='节假日价') plt.legend() ``` 2. **交互可视化**：使用Plotly实现可交互图表 ```python import plotly.express as px fig = px.line(x=scenic_spots, y=prices, labels={'x':'景区名称', 'y':'价格'}, title='景区价格分布（交互版）') fig.show() ``` 3. **样式优化**：添加数据标签 ```python for x, y in zip(scenic_spots, prices): plt.text(x, y+5, f'{y}元', ha='center', fontsize=10) ``` ### 数据准备建议 1. 推荐使用Pandas进行数据处理： ```python import pandas as pd df = pd.DataFrame({ '景区': ['景点A', '景点B', '景点C', '景点D', '景点E'], '价格': [120, 90, 150, 80, 200], '类型': ['自然景观', '人文景观', '自然景观', '主题公园', '自然景观'] }) # 按类型分组绘制 for type_name, group in df.groupby('类型'): plt.plot(group['景区'], group['价格'], marker='o', label=type_name) plt.legend() ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值