js 获取自定义格式化日期

一、前言

JavaScript是一种广泛使用的编程语言,主要用于网页开发。
JavaScript的基本概念:

  • 变量和数据类型:在JavaScript中,你可以使用变量来存储各种数据,如数字、字符串、布尔值、对象、数组等。JavaScript是一种弱类型语言,这意味着变量的类型可以在运行时改变。
  • 函数:函数是一段可重复使用的代码块,可以接受参数并返回一个值。在JavaScript中,函数可以作为一等公民,可以作为参数传递给其他函数,也可以作为变量存储。
  • 对象:对象是包含属性和方法的集合。属性是变量,方法则是函数。在JavaScript中,对象是使用花括号{}来创建的。
  • 事件:事件是用户与网页交互时发生的事情,如点击、鼠标移动、键盘输入等。JavaScript允许你定义事件处理程序,以便在事件发生时执行特定的代码。
  • DOM(文档对象模型):DOM是HTML和XML文档的编程接口,它提供了一种方式来访问和操作文档的结构。在JavaScript中,你可以使用DOM来动态地修改网页内容、结构和样式。
  • 异步编程:JavaScript是单线程的,这意味着它一次只能执行一个任务。为了提高性能并允许用户与网页交互,JavaScript使用异步编程模型,如回调函数、Promises和async/await。
  • 模块和模块化:在现代JavaScript开发中,模块是一种组织代码的方式。通过模块化,你可以将代码分解为独立的文件,每个文件都有一个特定的功能或任务。

二、代码

1. 函数

function formatDate(date, fmt) {
	let obj = {
		'y': date.getFullYear(), // 年份,注意必须用getFullYear
		'M': date.getMonth() + 1, // 月份,注意是从0-11
		'd': date.getDate(), // 日期
		'q': Math.floor((date.getMonth() + 3) / 3), // 季度
		'H': date.getHours(), // 24小时制
		'h': date.getHours() % 12 === 0 ? 12 : date.getHours() % 12, // 12小时制
		'm': date.getMinutes(), // 分钟
		's': date.getSeconds(), // 秒
		'S': date.getMilliseconds() // 毫秒
	};

	for (let i in obj) {
		fmt = fmt.replace(new RegExp(i + '+', 'g'), function(m) {
			let val = String(obj[i]);

			for (let j = 0, len = val.length; j < m.length - len; j++) {
				val = '0' + val;
			}
			return m.length === 1 ? val : val.substring(val.length - m.length);
		});
	}
	return fmt;
};

2. 自定义输出

formatDate(new Date, 'yyyy-MM-dd HH:mm:ss') // 2021-08-31 15:50:26
formatDate(new Date, 'yyyyMMdd HHmmss') // 20210831 155143
formatDate(new Date, 'yyyy-MM-dd') // 2021-08-31

三、后记

JavaScript是一种面向对象的动态编程语言,用于为网页添加交互和动态效果。它可嵌入到HTML文档中,并通过浏览器解释执行。

以下是JavaScript的一些详细概念:

  1. 变量:JavaScript中的变量用于存储数据。变量可以通过关键字var来声明,并且可以存储各种类型的数据,如数字、字符串、布尔值等。
  2. 数据类型:JavaScript支持多种数据类型,包括数字(Number)、字符串(String)、布尔(Boolean)、对象(Object)、数组(Array)等。
  3. 运算符:JavaScript支持各种运算符,如算术运算符(+、-、*、/等)、比较运算符(==、!=、>、<等)、逻辑运算符(&&、||、!等)等。
  4. 控制流程:JavaScript中的控制流程语句包括条件语句(if、else if、else)、循环语句(for、while)和跳转语句(continue、break)等,用于控制程序的执行流程。
  5. 函数:JavaScript中的函数是一段可重复使用的代码块,用于封装一些特定的功能。函数可以有参数和返回值,可以通过关键字function来定义。
  6. 事件:JavaScript可以通过事件来响应用户的操作,如点击按钮、鼠标移动等。可以使用addEventListener()函数来为元素绑定事件,并在事件触发时执行相应的代码。
  7. DOM操作:JavaScript可以通过DOM(Document Object Model)来操作网页的元素。可以通过getElementById()、getElementsByClassName()等方法来获取元素,并对其进行操作或修改。
  8. AJAX:JavaScript可以使用AJAX技术与服务器进行异步通信,实现无需刷新页面的数据交互。可以使用XMLHttpRequest对象或fetch函数来发送请求,并在获取到响应后处理数据。

四、热门文章

RESTful API,如何构建 web 应用程序
jQuery实现轮播图代码
vue实现文本上下循环滚动
Vue运用之input本地上传文件,实现传参file:(binary)
js判断各种浏览器
uni-app详解、开发步骤、案例代码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

·零落·

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值