<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JQ 日期Date()的使用</title>
</head>
<h3 style=" text-align: center; padding-top: 10px;" id="time"></h3>
<h3 style=" text-align: center; padding-top: 6px;" id="weektime"></h3>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(function() {
getWeekTime();
showDateInfo();
});
function getWeekTime(){
var now = new Date();
var today = new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六');
var week = today[now.getDay()];
var hh = now.getHours();
var mm = now.getMinutes();
var ss = now.getSeconds();
function getDateWeek(obj) {
if (obj < 10) return "0" + obj;
else return obj;
}
$("#time").text(getDateWeek(hh) + ":" + getDateWeek(mm) + ":" + getDateWeek(ss + 5));
$("#weektime").text(week+" "+getDateWeek(hh) + ":" + getDateWeek(mm));
}
function showDateInfo(){
var myDate = new Date();
console.info("获取完整的年份："+myDate.getFullYear());
console.info("获取当前月份(0-11,0代表1月)："+myDate.getMonth());
console.info("获取当前日(1-31)："+myDate.getDate());
console.info("获取当前星期X(0-6,0代表星期天)："+myDate.getDay());
console.info("获取当前时间(从1970.1.1开始的毫秒数)："+myDate.getTime());
console.info("获取当前小时数(0-23)："+myDate.getHours());
console.info("获取当前分钟数(0-59)："+myDate.getMinutes());
console.info("获取当前秒数(0-59)："+myDate.getSeconds());
console.info("获取当前毫秒数(0-999)："+myDate.getMilliseconds());
console.info("获取当前日期："+myDate.toLocaleDateString());
}
</script>
</body>
</html>
效果图：
相关推荐
标题中的"jq22jquerydate9068201905062356.zip"表明这是一个关于jQuery的日期插件，版本号可能是9068，发布日期为2019年5月6日。这个插件的核心功能是处理日期显示和格式化，特别是将日期转化为"2019-09-09 18:09...
《JQ_date.zip：模拟苹果日期滑动效果与时间插件的实现》 在现代网页开发中，用户体验已经成为设计的核心要素之一，其中日期选择器和时间插件是常见且重要的交互元素。本压缩包"jq_date.zip"提供了一个基于jQuery库...
然而，在这个特定的场景下，我们关注的是如何使用`Date`对象来获取指定日期之后的一天。下面将详细介绍这个过程以及相关的知识点。 1. **Date对象的构造方式**： - `new Date()`：创建一个表示当前日期和时间的...
1. **jQuery基础**：使用JQ 日期联动插件前，开发者需要熟悉jQuery的基本语法和API，包括DOM操作、事件处理、动画效果等，因为插件通常会利用这些功能来实现其复杂的功能。 2. **插件安装与引入**：在HTML文件中...
本文将详细讲解如何使用jQuery（jq）库实现一个功能丰富的日期控件，该控件允许用户选择日期、时间以及星期。jQuery是一个高效、简洁且功能丰富的JavaScript库，它极大地简化了DOM操作，事件处理以及动画效果。 ...
总的来说，"jq双日历日期区间选择"涉及到了前端开发中的多个技术点，包括jQuery的使用、日期选择插件的集成、事件处理、数据验证以及前端交互设计。理解和掌握这些知识点对于前端开发者来说是至关重要的，因为它们是...
然而，有时开发者可能需要自定义日期组件或者与现有的jQuery代码库进行集成，这时使用jQuery Date 防 Element 日期组件就显得很有必要。 `index.htm`是示例网页文件，其中包含了使用该插件的HTML结构和必要的...
同时，如果插件提供了文档，那么理解文档中关于配置选项、方法和事件的部分将有助于更好地集成和使用这个日期选择插件。 总之，"jQ带日期区间的日期选择插件"是一个集成了jQuery、HTML5和CSS3技术的前端组件，旨在...
datet7x可能是这个项目的一个特定部分或一个特定功能的标识，可能涉及日期显示、时间戳处理或者是一个特定的JavaScript日期插件。学习者将了解到如何使用JavaScript处理日期和时间，以及如何将其集成到网站的交互...
"pickerDateRange"是一款JQuery日期时间插件，它设计用于帮助用户以直观、便捷的方式选择日期范围，提升了网站的交互体验。这款插件不仅提供了多种样式和功能选项，还能够自定义以适应各种项目需求。 首先，我们要...
Bootstrap-daterangepicker 是一个高度可定制且功能丰富的日期范围...以上就是关于 Bootstrap-daterangepicker 插件的基本介绍和使用方法，这个强大的工具可以极大地提升用户体验，简化在网页上处理日期范围的任务。
在JavaScript中，我们经常使用内置的Date对象来处理日期。Date对象允许我们创建、格式化和比较日期。例如，创建一个新日期实例可以这样写： ```javascript var currentDate = new Date(); ``` 二、jQuery与日期...
HTML5作为现代Web开发的标准，引入了一些新的表单控件，如`<input type="date">`，它允许浏览器原生支持日期选择。然而，这个原生支持的样式和功能在不同浏览器之间可能存在差异，所以开发者通常会使用自定义的日期...
"jQ带日期区间的日期选择插件特效代码"是一个专门针对这一需求设计的工具，它允许用户在特定日期范围内进行选择，提升用户体验。该插件基于广泛使用的JavaScript库jQuery，结合HTML5和CSS3技术，提供了一个既美观又...
在本示例中，我们将探讨如何使用 jQuery UI 的日期选择器以及它的一些关键特性。 **1. 安装与引入** 要使用 jQuery UI 的日期选择器，首先你需要在项目中引入 jQuery 和 jQuery UI 的 CSS 和 JS 文件。通常，你...
jquery-dateFormat, 使用JavaScript格式化日期输出的jQuery插件 使用JavaScript格式输出日期输出的jQuery dateformat插件- 拥有的，jQuery是最小的日期格式库。 ！ 安装下载最新的jquery.dateFormat.js 或者 jquery....
var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); // 更新小时、分钟和秒的数字 $('#clock .hours').each(function(i) { flipNumber($...
2. 初始化插件：使用`$(selector).datepicker(options)`来初始化日期选择器，options是可选的配置项。 ```javascript $("#datePicker").datepicker({ dateFormat: "yy-mm-dd", onSelect: function(dateText) { ...