本文翻译youtube上的up主kudvenkat的javascript tutorial播放单

源地址在此:

https://www.youtube.com/watch?v=PMsVM7rjupU&list=PL6n9fhu94yhUA99nOsJkKXBqokT3MBK0b

在Javascript里制造date对象的话要用到Date() constructor

以下的例子将当前的日期和时间显示在页面上

document.write(new Date());

如果Date() constructor不使用任何参数而直接使用的话,则会返回当前的日期和时间.为了制造一个拥有指定时间和日期的date对象的话有两种方法:

1.使用一个date string

var dateOfBirth = new Date("January 13, 1980 11:20:00");
document.write(dateOfBirth);

2.使用具体数字指代年,月,日,小时,分钟,秒,毫秒.格式如下.

var dateOfBirth = new Date(year, month, day, hours, minutes, seconds, milliseconds);

例子:

var dateOfBirth = new Date(1980, 0, 13, 11, 20, 0, 0);
document.write(dateOfBirth);

请注意:在Javascript中,月份的数字是从0开始的,所以,你如果你想要得到3月.那么你应该使用2,而不是3.

以上的代码会在我的电脑上制造出以下的结果,因为我电脑上使用的是(UTC)Dublin,Edinburgh,Lisbon,London的时区

Sun Jan 13 1980 11:20:00 GMT+0000 (GMT Standard Time)

如果你在你电脑上用的是不一样的时区的话,你可能会得到一个稍微不同的结果.比如如果你使用的是(UTC+05:30) Chennai, Kolkata, Mumbai, New Delhi时区的话,那么结果会如下所示

Sun Jan 13 1980 11:20:00 GMT+0530 (India Standard Time)

一些比较实用的Date对象方法

getFullYear()

返回整个年份(所有4个数字都会显示)

例子:以下例子会返回1980

var year = new Date(1980, 0, 13, 11, 20, 0, 0).getFullYear();
document.write(year);
getMonth()

这个方法会返回月份的数字(从0到11)

例子:以下例子返回0(1月)

var month = new Date(1980, 0, 13, 11, 20, 0, 0).getMonth();
document.write(month);

你还可以用以下的代码根据月份的数字获得月份的名字,以下例子会返回January

function getMonthNameFromNumber(monthNumber)
{
var monthNames = ["January", "February", "March", "April",
"May", "June", "July", "August", "September",
"October", "November", "December"];
return monthNames[monthNumber];
} var monthName = getMonthNameFromNumber(new Date(1980, 0, 13, 11, 20, 0, 0).getMonth());
document.write(monthName);
getDate()

这个方法返回月份里的日子(从1到31)

例子:以下例子返回13

var dayOfMonth = new Date(1980, 0, 13, 11, 20, 0, 0).getDate();
document.write(dayOfMonth);
getDay()

返回一周里的日期数字(从0到6),0代表Sunday,1代表Monday,以此类推

例子:以下例子会返回0

var dayOfWeek = new Date(1980, 0, 13, 11, 20, 0, 0).getDay();
document.write(dayOfWeek);

你可以用以下代码来从日子的代表数字获得具体日子的名字,以下代码返回Sunday.

function getWeekDayNameFromNumber(dayNumber)
{
var weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
return weekDays[dayNumber];
} var weekdayName = getWeekDayNameFromNumber(new Date(1980, 0, 13, 11, 20, 0, 0).getDay());
document.write(weekdayName);

你还可以用以下的方法来获取date对象里获得时间的部分

getHours()
//返回小时(0-23)
getMinutes()
//返回分钟(0-59)
getSeconds()
//返回秒(0-59)
getMilliseconds()
//返回毫秒(0-999)

如何将date对象转化为dd/mm/yyyy的格式呢

function formatDate(date)
{
var day = date.getDate();
if (day [ 10)
{
day = "0" + day;
} var month = date.getMonth() + 1;
if (month [ 10)
{
month = "0" + month;
} var year = date.getFullYear(); return day + "/" + month + "/" + year;
} document.write(formatDate(new Date()));

如果你不想要单位数月份前的0的话,那么你可以如下修改代码

function formatDate(date)
{
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear(); return day + "/" + month + "/" + year;
} document.write(formatDate(new Date()));

[译]在Javascript中进行日期相关的操作的更多相关文章

  1. JavaScript 中的日期和时间

    前言 本篇的介绍涵盖以下部分: 1. 时间标准指的是什么?UCT和GMT 的概念.关联和区别? 2. 时间表示标准有哪些? 3. JS 中时间的处理 日期时间标准 日期的标准就不多说了 -- 公元纪年 ...

  2. C++ STL中Map的相关排序操作:按Key排序和按Value排序 - 编程小径 - 博客频道 - CSDN.NET

    C++ STL中Map的相关排序操作:按Key排序和按Value排序 - 编程小径 - 博客频道 - CSDN.NET C++ STL中Map的相关排序操作:按Key排序和按Value排序 分类: C ...

  3. 谈谈javascript中的日期Date对象

    一.日期对象  在javascript中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间.  日期对象的创建:  new Date();二.将日期对象转换为字符串  将日期对象转换为字 ...

  4. javascript中关于日期和时间的基础知识

    × 目录 [1]标准时间 [2]字符串 [3]闰年[4]月日[5]星期[6]时分秒 前面的话 在介绍Date对象之前,首先要先了解关于日期和时间的一些知识.比如,闰年.UTC等等.深入了解这些,有助于 ...

  5. 【译】Javascript中的数据类型

    这篇文章通过四种方式获取Javascript中的数据类型:通过隐藏的内置[[Class]]属性:通过typeof运算符:通过instanceof运算符:通过函数Array.isArray().我们也会 ...

  6. JavaScript中对日期格式化的新想法.

    其实我们对与日期的显示,也就那么几种,不需要每次都传格式化字符串. 只要告诉函数你想要什么结果就好了,以下是在ios的JavaScript中我新写的日期格式化函数: /** 格式化日期 @param ...

  7. JavaScript中判断日期是否相等

    问题 做一个节日提示网页,首先获得当前日期,然后与最近的节日比较,如果恰好是同一天,提示"XX节快乐!"否则,提示"离XX节还有X天".判断是否恰好同一天的时候 ...

  8. (译)JavaScript 中的正则表达式(RegEx)实操——快速掌握正则表达式,伴有随手可练的例子————(翻译未完待续)

    (原文:https://blog.bitsrc.io/a-beginners-guide-to-regular-expressions-regex-in-javascript-9c58feb27eb4 ...

  9. [译]在Javascript中制造二维数列

    本文翻译youtube上的up主kudvenkat的javascript tutorial播放单 源地址在此: https://www.youtube.com/watch?v=PMsVM7rjupU& ...

随机推荐

  1. HAWQ 官方文档创建filespace,tablespace,database,table

    1.创建Filespace 创建Filespace必须是数据库超级用户( You must be a database superuser to create a filespace.)首先创建一个f ...

  2. vue切换样式

    在vue中使用事件来切换绑定的class样式,在vue-cli脚手架中的Home.vue中 <template> <div id="main"> <l ...

  3. Photon多人游戏开发教程

    http://gad.qq.com/article/detail/26112 PUN介绍 入门 Photon Unity Networking(首字母缩写PUN)是一个Unity多人游戏插件包.它提供 ...

  4. 服务器上传大小限制 --- 来自 FastAdmin 项目开发的引发的问题 (TODO)

    服务器上传大小限制 --- 来自 FastAdmin 项目开发的引发的问题 服务器上传有几个地方修改. FastAdmin 的配置. php.ini 的配置. NGINX 的配置.

  5. mysql之 xtrabackup原理、备份日志分析、备份信息获取

    一. xtrabackup备份恢复工作原理: extrabackup备份简要步骤 InnoDB引擎很大程度上与Oracle类似,使用redo,undo机制,XtraBackup在备份的时候,以read ...

  6. 前端跨域问题,以及ajax,jsonp,json的区别

    看了很多网上的资料,小七感觉都没有完全解决我的疑惑以及问题,所以特意拿出通俗易懂的话讲解跨域问题,以及ajax,jsonp,json的区别.首先先说跨域问题什么时候需要跨域?[1]域名不同(即网址不同 ...

  7. YARN的ACL

    修改完了资源池的权限之后,发现无法查看日志了.报错: User [dr.who] is not authorized to view the logs for... 即使把资源池的权限设置为了*(所有 ...

  8. RazorHelper.cs

    完整版 RazorHelper.cs using System; using System.Collections; using System.Collections.Generic; using S ...

  9. Qt多选框

    1.获取并显示复选框文本内容 ui->label->setText(ui->comboBox->currentText());

  10. debian7 安装VMware Tools

    前提:需要安装gcc.kernel 1. apt-get install gcc 2. apt-get install kernel 问题描述: 安装时如果提示更换介质 :请把标有 " de ...