`
fkyq01
  • 浏览: 38361 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

js日期操作类

    博客分类:
  • js
阅读更多

/**
* Date time format string define.
*/
Date.Format = {
    FORMAT1: "yyyy/MM/dd HH:mm:ss",
    FORMAT2: "yyyy-MM-dd HH:mm:ss",
    FORMAT3: "yyyyMMddHHmmss"
};

/**
* Convert a date time string to a date object,<br>
* The acceptable format is like "yyyy-MM-dd HH:mm:ss" or "yyyy/MM/dd HH:mm:ss" or "yyyyMMddHHmmss"
*/
Date.toDate = function(dateTimeString){
    if (!dateTimeString) return new Date();
    dateTimeString = dateTimeString.replace(/-/, "/");
    if (dateTimeString.indexOf("/") == -1) {
    dateTimeString = dateTimeString.substr(0, 4) + "/"
    + dateTimeString.substr(4, 2) + "/" + dateTimeString.substr(6, 2)
    + " " + dateTimeString.substr(8, 2) + ":"
    + dateTimeString.substr(10, 2) + ":" + dateTimeString.substr(12, 2);
    }
    return new Date(dateTimeString);
};

String.prototype.trim = function() {
    return this.replace(/(^\s+)|(\s+$)/g, "");
};

/**
* Add a format method to the Date class.
*/
Date.prototype.format = function(formatStr){
    var dateStr = formatStr ? formatStr : Date.Format.FORMAT3;
    dateStr = dateStr.replace(/yyyy|YYYY/, this.getFullYear())
              .replace(/yy|YY/, (this.getYear() % 100) > 9 ?
              (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));
    var month = this.getMonth() + 1;
    dateStr = dateStr.replace(/MM/,
        month > 9 ? month.toString() : '0' + month).replace(/M/g, month);
    dateStr = dateStr.replace(/dd|DD/,
        this.getDate() > 9 ? this.getDate().toString()
        : '0' + this.getDate()).replace(/d|D/g, this.getDate());
    dateStr = dateStr.replace(/hh|HH/,
        this.getHours() > 9 ? this.getHours().toString()
        : '0' + this.getHours()).replace(/h|H/g, this.getHours());
    dateStr = dateStr.replace(/mm/,
        this.getMinutes() > 9 ? this.getMinutes().toString()
        : '0' + this.getMinutes()).replace(/m/g, this.getMinutes());
    dateStr = dateStr.replace(/ss|SS/,
        this.getSeconds() > 9 ? this.getSeconds().toString()
        : '0' + this.getSeconds()).replace(/s|S/g, this.getSeconds());
    return dateStr;
};
分享到:
评论

相关推荐

    javascript 日期工具类

    导入js文件 用法 var newDate=DateUtil.Format("yyyy/MM/dd",new Date()); 第一个参数可以根据需要改

    js日期选择插件

    JavaScript日期选择插件是网页开发中常用的一种工具,主要用于用户在网页上方便地选择日期,常见于表单输入、日历应用以及各种需要处理日期的交互场景。在本压缩包中,你将找到一个js日期插件,它允许开发者自定义...

    js时间日期输入框

    `WdatePicker`是一款功能丰富的JavaScript日期选择插件,由中国Web开发社区开发,支持多种日期格式,提供多种语言环境,并且具有日期计算、日期限制、日期校验等功能。其使用非常简便,只需要在HTML中添加一个`...

    网页日期选择js文件

    "网页日期选择js文件" 提供的就是一个JavaScript实现的日期选择功能,使得开发者无需编写复杂的代码就能在网页上添加这种交互式元素。 JavaScript是一种在客户端运行的脚本语言,它对于网页动态交互起着至关重要的...

    js日期控件及使用方法

    这篇内容将深入讲解JavaScript日期控件及其使用方法,结合提供的`jsDate.html`和`date.js`文件,我们将学习如何创建和自定义这样的控件。 1. **内置JavaScript日期对象** JavaScript提供了一个内置的`Date`对象,...

    js 日期选择器

    在JavaScript中,日期操作主要依赖于内置的`Date`对象。`Date`对象提供了创建、读取、修改和比较日期的方法。例如,你可以使用`new Date()`来创建一个表示当前日期和时间的对象,`getDate()`和`setDate()`则分别用于...

    js日期控件,可以选择时间,很好用

    JavaScript日期对象(`Date`对象)是处理日期和时间的核心,它提供了许多方法来创建、格式化和操作日期。例如,`new Date()`可以创建当前日期和时间,`getFullYear()`、`getMonth()`、`getDate()`等方法可以获取年、...

    javascript的日期空间源代码

    本文将深入探讨JavaScript的日期空间源代码,以及如何使用JavaScript实现一个日期选择JS控件。 首先,JavaScript的`Date`对象是处理日期和时间的核心。它提供了一系列的方法和属性,允许我们创建、读取、操作和格式...

    javascript 日期控件带时间

    本篇文章将详细探讨如何创建一个带有时间选择功能的JavaScript日期控件。 首先,`Date`对象是JavaScript中的核心对象之一,用于处理日期和时间。它提供了多种方法来创建、操作和格式化日期,例如`new Date()`用于...

    JS日期选择器(适用于文本框输入日期)

    通过上述步骤,我们可以构建一个功能完善的JavaScript日期选择器,它能够在文本框中提供一个优雅的日历视图,让用户轻松选择日期。这个日期选择器不仅提升了用户体验,还确保了在各种浏览器上的兼容性。当然,实际的...

    日期控件 javascript日期控件

    JavaScript日期控件因其轻量级、灵活性和易于集成的特点,在Web开发中被广泛使用。本篇将深入探讨JavaScript日期控件,包括其基本原理、使用方法以及如何与jQuery库结合,同时也将提及压缩包中的相关资源。 一、...

    Js带小时日期类插件类

    这类插件通常基于JavaScript库jQuery,它简化了DOM操作,使得处理时间和日期变得更加便捷。在网页应用中,日期和时间的选择是常见的功能,比如在预订系统、日程安排或者事件管理中。 该插件的特点在于其界面简洁、...

    超简洁的js日期选择控件

    通过以上步骤,我们可以创建一个简洁的JavaScript日期选择控件。不过,实际开发中,我们也可以考虑使用现有的库,如Bootstrap的Datepicker或jQuery UI的DatePicker,它们提供了更多预设样式和功能,能快速满足大部分...

    利用css+javascript实现的一个日期选择器代码

    3. `js`:这是一个JavaScript文件,很可能包含了实现日期选择器逻辑的代码。JavaScript部分可能包括以下功能: - 初始化日期选择器,根据用户的操作显示和隐藏日历视图。 - 处理用户点击或键盘输入,更新选定的...

    js关于日期联动的代码

    在JavaScript编程中,日期联动通常指的是在用户选择一...总之,JavaScript日期联动涉及了DOM操作、事件监听、Date对象的使用,以及可能的AJAX通信。通过这些技术,我们可以创建交互性强、用户体验良好的日期选择功能。

    日期js控件。java.net都适用

    1. **JavaScript Date对象**:这是JavaScript内置的日期处理类,可以用来创建、操作和格式化日期。通过`new Date()`创建一个新的日期实例,或者通过传递日期字符串或时间戳来初始化。Date对象提供了许多方法,如`...

    js 日期控件 calendar

    "js 日期控件 calendar" 是一种基于JavaScript实现的日历插件,它提供了丰富的日期选择功能和灵活的配置选项。这种控件的使用非常简单,通常只需要在HTML文件中引入对应的JS文件,然后通过几行代码就可以在页面上...

    CSS+JS日期控件

    5. **事件处理**:用户在日历中选择日期后,需要更新输入框的值,并可能触发其他相关操作,如验证、计算等。这通常通过在日历项上添加点击事件监听器实现。 6. **兼容性处理**:由于浏览器对HTML5的原生日期输入...

    javascript实例应用---日期时间类.rar

    以下是一些关于JavaScript日期时间类的关键知识点: 1. **创建Date对象**:可以通过`new Date()`创建一个表示当前日期和时间的新对象,或者传入特定日期和时间的参数来初始化。 2. **属性访问**:`Date`对象有许多...

    带时间选择的JS日期控件源码

    本资源“带时间选择的JS日期控件源码”提供了一个能够帮助用户精确选择日期和时间的JavaScript组件。这个控件不仅支持选择年、月、日,还进一步扩展到了小时、分钟和秒,极大地提升了用户体验。 日期和时间选择控件...

Global site tag (gtag.js) - Google Analytics