当前位置:首页 > jquery

jquery时间戳

2026-03-16 09:49:49jquery

jQuery 时间戳处理

jQuery 本身不提供时间戳相关函数,但可以结合原生 JavaScript 的 Date 对象实现时间戳操作。

获取当前时间戳

使用 Date.now()new Date().getTime() 获取毫秒级时间戳:

jquery时间戳

var timestamp = Date.now(); 
// 或
var timestamp = new Date().getTime();

时间戳转日期格式

通过 new Date(timestamp) 转换后格式化:

var date = new Date(1625097600000);
var formatted = date.getFullYear() + '-' + 
               (date.getMonth()+1).toString().padStart(2,'0') + '-' + 
               date.getDate().toString().padStart(2,'0');

jQuery 日期选择器转时间戳

若使用 jQuery UI 的 datepicker

jquery时间戳

$('#datepicker').datepicker({
  onSelect: function(dateText) {
    var timestamp = new Date(dateText).getTime();
    console.log(timestamp);
  }
});

格式化插件推荐

对于复杂格式化,可使用以下 jQuery 插件:

  • moment.js(现已推荐 day.js 作为轻量替代)
  • dateformat 插件
// 使用day.js示例
dayjs(1625097600000).format('YYYY-MM-DD HH:mm:ss');

时区处理

处理不同时区时建议使用 Intl.DateTimeFormat

new Intl.DateTimeFormat('zh-CN', { 
  timeZone: 'Asia/Shanghai',
  dateStyle: 'full' 
}).format(new Date(timestamp));

注意事项

  • 时间戳单位为毫秒(UNIX 时间戳为秒级需 *1000 或 /1000)
  • iOS 设备对 new Date('2021-07-01') 这类格式可能解析异常,建议用 '2021/07/01' 替代

标签: 时间jquery
分享给朋友:

相关文章

jquery 菜鸟

jquery 菜鸟

jQuery 入门指南 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下内容适合初学者快速上手。 引入 jQuery 在…

jquery 之家

jquery 之家

jQuery 之家相关资源 jQuery 之家是一个提供 jQuery 插件、教程和代码示例的中文资源网站。以下是关于 jQuery 之家的一些有用信息: 网站内容 提供丰富的 jQuery 插件…

jquery点击

jquery点击

jQuery 点击事件绑定方法 使用 jQuery 绑定点击事件可以通过多种方式实现,以下是几种常见的方法: click() 方法绑定 $("#elementId").click(function…

jquery 属性

jquery 属性

jQuery 属性操作 jQuery 提供了一系列方法来获取、设置和操作 HTML 元素的属性。以下是常用的属性操作方法: attr() 方法 用于获取或设置元素的属性值。获取属性时,传入属性名;设…

jquery 选中

jquery 选中

jQuery 选中元素的方法 jQuery 提供了多种方式来选中 DOM 元素,以下是一些常用的方法: 通过 ID 选中元素 使用 # 符号加上元素的 ID 来选中特定元素: $('#elemen…

jquery隐藏

jquery隐藏

jQuery 隐藏元素的方法 使用 jQuery 隐藏元素可以通过多种方式实现,以下是几种常见的方法: hide() 方法hide() 是最简单的隐藏元素方法,它会将元素的 display 属性设置…