整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
在HTML5中，新增了日期输入类型month，其含义为选取月、年。
month属性的代码格式如下。
<input type="month" name="user_date"/>
（1）编辑代码
打开记事本，编写代码，在<body>标签中加入以下代码。并保存为HTML格式文件。
（2)在浏览器中浏览效果
在浏览器中浏览效果如图所示，用户可以在表单中输入标准的month格式，然后单击【提交】按钮。
设置需要的日期年、月，如下图所示。
在HTML5中，新增了日期输入类型week，其含义为选取周和年。
week属性的代码格式如下。
<input type="week" name="user_date"/>
（1）编辑代码
打开记事本，编写代码，在<body>标签中加入以下代码。并保存为HTML格式文件。
（2)在浏览器中浏览效果
在浏览器中浏览效果如图所示，用户可以在表单中输入标准的week格式，然后单击【提交】按钮。
设置需要的日期年、周，如下图所示。
期获取方法
获取方法用于获取日期的某个部分（来自日期对象的信息）。下面是最常用的方法（以字母顺序排序）：
getTime() 方法返回自 1970 年 1 月 1 日以来的毫秒数：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getTime()</h2>
<p>JavaScript 中的内部时钟从 1970 年 1 月 1 日午夜开始计算。</p>
<p>getTime() 函数返回从那时起的毫秒数：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getTime();
</script>
</body>
</html>getFullYear() 方法以四位数字形式返回日期年份
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getFullYear()</h2>
<p>getFullYear() 方法返回日期的完整年：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getFullYear();
</script>
</body>
</html>getMonth() 以数字（0-11）返回日期的月份：
在 JavaScript 中，第一个月（1 月）是月号 0，因此 12 月返回月号 11。
您可以使用名称数组，并使用 getMonth() 将月份作为名称返回：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getMonth()</h2>
<p>getMonth（）方法以 0 到 11 之间的数字返回日期的月份。</p>
<p>要获得正确的月份，您必须添加 1：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getMonth() + 1;
</script>
</body>
</html>getDate() 方法以数字（1-31）返回日期的日：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDate()</h2>
<p>getDate() 方法以数字（1-31）返回日期的日：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getDate();
</script>
</body>
</html>getHours() 方法以数字（0-23）返回日期的小时数：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getHours()</h2>
<p>getHours() 方法以数字（0-23）返回日期的小时：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getHours();
</script>
</body>
</html>getDay() 方法以数字（0-6）返回日期的星期名（weekday）：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDay()</h2>
<p>getDay() 方法将周名作为数字返回：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getDay();
</script>
</body>
</html>在 JavaScript 中，一周的第一天（0）表示“星期日”，即使世界上的一些国家认为周的第一天是“星期一”。
您可以使用名称数组，并使用 getDay() 将星期名作为名称返回：
常开发中，Date对于我们来说是经常使用到的，平常使用的一些UI框架，如Antd、ElementUI等都会使用像moment.js、day.js的时间工具库去处理它们关于时间的组件，但当我们脱离这些框架，想去解决一个关于时间转换的问题，引入一个时间工具库就显得冗余了，由此这里给大家分享22个关于Date实用的一行Javascript与typescript代码大全，建议收藏阅读！
前置知识
Intl 对象是 ECMAScript 国际化 API 的一个命名空间，它提供了精确的字符串对比、数字格式化，和日期时间格式化。Collator，NumberFormat 和 DateTimeFormat 对象的构造函数是 Intl 对象的属性。了解更多
Intl.DateTimeFormat是根据语言来格式化日期和时间的对象的构造器
语法：
// locales为语言
new Intl.DateTimeFormat([locales[, options]])
Intl.DateTimeFormat.call(this[, locales[, options]])
// 格式化对应语言得日期，date为Date实例，返回日期字符串
new Intl.DateTimeFormat(locale).format(date)
// 获取时区
Intl.DateTimeFormat().resolvedOptions().timeZone
22个关于Date实用的一行Javascript与typescript代码大全
JavaScript 版本
// `h` 是 0 到 23 之间的小时数
const suffixAmPm=(h)=> `${h % 12===0 ? 12 : h % 12}${h < 12 ? 'am' : 'pm'}`;
TypeScript 版本
*请认真填写需求信息，我们会在24小时内与您取得联系。
