<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<title>时间</title>
<script type="text/javascript">
$(function(){
initDate();
});
//格式化日期函数
function formateDate(date){
if(date instanceof Date){
var time=date.getMonth()+1;
var day=date.getDate();
if(day==31){
var myDate = new Date(date.getFullYear(),date.getMonth(), 0);
date.setDate(myDate.getDate());
time=time-1;
if(time==0){
time=time+1;
}
}
if(time<10){
time="0"+time;
}
return date.getFullYear()+""+time;
} else {
return "Error Date";
}
}
//页面加载完成后,执行初始化操作
function initDate(){
//当前日期
var date = new Date();
//获取select元素
$("#dateSelect").empty().append("<option value=''></option>");
for (var i = 0; i < 6; i++) {
$("#dateSelect").append(
"<option value='" + formateDate(date) + "'>"
+ formateDate(date) + "</option>");
//日期减一个月
date.setMonth(date.getMonth() - 1);
}
};
</script>
</head>
<body>
<div style="width:600px;height: 600px">
<select name="accountDate" id="dateSelect" class="form-control select2" style="width: 100%;">
</select>
</div>
</body>
</html>
分享到:
相关推荐
创建一个新的Date对象会获取当前系统时间。我们可以使用Date对象的方法如`getFullYear()`、`getMonth()`和`getSeconds()`等来获取年、月、日、小时、分钟和秒。 要实现动态显示时间,我们需要使用JavaScript的...
标题中的“jquery用来得到客户端的系统时间”是指利用JavaScript库jQuery来获取用户计算机上的当前时间。在Web开发中,由于JavaScript是运行在客户端浏览器上的,所以它可以访问到用户的系统时间,而无需服务器交互...
在网页开发中,为了提升用户体验,经常需要在页面上实时显示当前的时间和日期。jQuery,作为一款强大的JavaScript库,为开发者提供了丰富的API和插件,使得实现这样的功能变得简单易行。本文将深入探讨如何利用...
**jQuery实现的Java电子相册系统** 在当今的Web开发中,用户界面的交互性和动态性成为了提升用户体验的关键因素。`jQuery`是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及Ajax...
"jQuery时间选择控件"是jQuery生态中的一个重要组件,主要用于用户界面中方便用户输入或选择日期和时间。这类控件通常提供友好的交互方式,提升用户体验,尤其在需要用户输入特定日期或时间的场合。 描述中提到的这...
1. `function current()`:这是定义的一个JavaScript函数,用于获取当前系统时间。 - `var d = new Date()`:创建一个新的Date对象,表示当前的日期和时间。 - `str += ...`:将获取到的年、月、日、时、分、秒...
本主题聚焦于“jQuery时间控件(含小时分钟)”,这是一个用于网页应用中的时间选择功能,它允许用户方便地选取小时和分钟。这种控件在日程安排、预订系统或任何需要精确时间输入的场景中都非常实用。 jQuery时间...
在本教程中,我们将深入探讨如何使用 jQuery UI 实现一个带有刻度的 slider,并了解相关配置选项。 首先,要使用 jQuery UI 的 slider 功能,你需要在页面中引入 jQuery 和 jQuery UI 的库。通常,这可以通过在 ...
"jQuery在线答题考试系统"就是这样一个基于JavaScript库jQuery实现的互动性考试平台,旨在提供用户友好的界面和流畅的答题体验。本文将深入探讨这个系统的特色及其背后的编程原理。 首先,jQuery是一个轻量级、高...
jQuery UI时间选择器是基于jQuery库和jQuery UI框架的一个插件,它为用户提供了一个可视化的界面来选择和输入时间。这个组件通常与日期选择器一起使用,形成一个完整的日期时间选择工具,适用于各种需要用户输入时间...
总的来说,使用jQuery实现数据动态加载分页需要结合前端和后端的知识,通过监听用户滚动事件、发送AJAX请求、处理服务器返回的数据以及适当地更新页面内容,可以创建出一个流畅且高效的分页系统。
在本文中,我们将深入探讨如何使用jQuery实现实时获取时间的功能。这个功能允许网页上的时间显示与系统的当前时间保持同步,为用户提供实时的时间更新。首先,我们先来解析一下给出的代码片段。 代码的核心在于使用...
【源生jQuery实现数字时钟】是一个利用JavaScript的jQuery库创建的动态时钟效果,它在屏幕上以全屏滚动的方式展示当前时间。这个时钟的独特之处在于它将时间分为x、y、z三列数字进行滚动展示,为用户带来一种新颖的...
“jquery时钟”是一个利用JavaScript库——jQuery来实现动态时间显示的网页应用。时钟的构成并不复杂,但其背后的技术却显得十分巧妙。首先,一个HTML页面是必需的,它作为整个时钟的框架和结构,为用户提供一个直观...
而“jquery 带时间的日历”是指利用jQuery和JavaScript来实现一个功能丰富的日历插件,这个插件不仅显示日期,还允许用户选择具体的时间。这种组件常用于在线预订系统、事件安排或者时间表应用中,提供用户友好的...
这将使时间步进为15分钟,初始显示当前时间,并以12小时制显示时间。 总的来说,jQuery的时间控件提供了灵活且易于集成的解决方案,可以帮助开发者快速构建具有时间选择功能的网页应用。通过学习和实践,你可以根据...
这将使得Datepicker在初始化时选择当前日期之后的一周,并以"年-月-日"的格式显示日期。 除了基本的日期选择,Datepicker还可以扩展到选择时间。虽然jQuery UI自身并未内置时间选择功能,但可以通过与其他时间选择...
在这个"jQuery实现的随机生成验证码图片显示特效源码.zip"压缩包中,我们关注的是如何利用jQuery来创建一个动态的、具有视觉特效的验证码生成系统。 验证码的主要目的是防止自动机器人或恶意脚本进行不合法的操作,...
描述中提到的实现效果是:当用户点击文本框时,下方会弹出一个日期选择器,并且在底部显示当前时间。这种交互设计常见于许多购票网站,它允许用户快速选择日期,同时提供即时的时间参考,以便他们能够准确地设定预约...
jQuery.jClock是一款基于jQuery库的轻量级时间插件,主要用于在网页上动态展示当前时间或自定义时间。这个插件为开发者提供了简单易用的接口,以便在网页设计中轻松添加时钟功能,提升用户体验。通过引用`jquery.js`...