使用 dojo 进行字符和时间之间的相互转换

本贴最后更新于 3907 天前,其中的信息可能已经斗转星移

使用dojo提供的函数把字符串转换为日期,

把日期格式化输出。

函数说明:strToDate():

/**

 *把字符串转换为日期

 *@params str 时间字符串

 *@params pattern 字符串str的格式,例如:str=20130708 ,对应的pattern应该为:pattern="yyyyMMdd"

 *@return Date()

  */

函数说明:dateToStr();

/** 

  *把日期Date按照指定的格式格式化

  *@params date 一个时间对象Date

  *@params pattern 输出格式 例如:pattern="yyyy-MM-dd HH:mm:ss" 

  */


下面是源代码:

require(["dojo/date/locale","dojo/domReady!"], function(locale){                 
                strToDate = function(str,pattern){
			return locale.parse(str,{
				selector : "date",
				datePattern : pattern
			});
		}
		dateToStr = function(date,pattern){
			return locale.format(date,{
				selector : "date",
				datePattern : pattern
			});
		}
}); 


下面是完整的测试代码:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>时间和字符的转换</title>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js"></script>
<script>
require(["dojo/on","dojo/query","dojo/dom-form","dojo/date/locale","dojo/domReady!"], function(on,query,domForm,locale){
		on(query("#form1 input[type='button']"),"click",function(evt){
			var form = domForm.toObject("form1");
			var date = strToDate(form.dateTime,form.pattern)
			query("#form1 span")[0].innerHTML="转换结果:"+dateToStr(date,form.pattern1);
		});
		on(query("#form2 input[type='button']"),"click",function(evt){
			var form = domForm.toObject("form2");
			query("#form2 span")[0].innerHTML="转换结果:"+dateToStr(new Date(),form.pattern);
		});
		/**
		 *把字符串转换为日期
		 *@params str 时间字符串
		 *@params pattern 字符串str的格式,例如:str=20130708 ,对应的pattern应该为:pattern="yyyyMMdd"
		 *@return Date()
		 */
		strToDate = function(str,pattern){
			return locale.parse(str,{
				selector : "date",
				datePattern : pattern
			});
		}
		/**
		 *把日期Date按照指定的格式格式化
		 *@params date 一个时间对象Date
		 *@params pattern 输出格式 例如:pattern="yyyy-MM-dd HH:mm:ss" 
		 */
		dateToStr = function(date,pattern){
			return locale.format(date,{
				selector : "date",
				datePattern : pattern
			});
		}
});
</script>
</head>
<body>
	<form id="form1">
		<fieldset>
			<legend>字符串转为时间</legend>
			<label>Date:</label>
			<input id="date" name="dateTime" value="20130205" />
			<label>现在的时间格式:</label>
			<input id="patter" name="pattern" value="yyyyMMdd" />
			<label>转换后的格式:</label>
			<input id="patter1" name="pattern1" value="yy-MM-dd" />
			<input type="button" value="submit" />
			<span></span>
		</fieldset>
	</form>
&lt;p&gt;&lt;/p&gt;

&lt;form id=&quot;form2&quot;&gt;
	&lt;fieldset&gt;
		&lt;legend&gt;时间格式化输出&lt;/legend&gt;
		&lt;label&gt;希望转换的格式&lt;/label&gt;
		&lt;input id=&quot;patter&quot; name=&quot;pattern&quot; value=&quot;yyyy年MM月dd日 HH:mm:ss&quot; /&gt;
		&lt;input type=&quot;button&quot; value=&quot;submit&quot; /&gt;
		&lt;span&gt;&lt;/span&gt;
	&lt;/fieldset&gt;
&lt;/form&gt;

</body>
</html>


相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
sean
自己决定一切 做自己想做的人

推荐标签 标签

  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    51 引用 • 190 回帖
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 23 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    76 引用 • 429 回帖
  • 友情链接

    确认过眼神后的灵魂连接,站在链在!

    24 引用 • 373 回帖 • 1 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    76 引用 • 37 回帖
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    923 引用 • 936 回帖
  • BND

    BND(Baidu Netdisk Downloader)是一款图形界面的百度网盘不限速下载器,支持 Windows、Linux 和 Mac,详细介绍请看这里

    107 引用 • 1281 回帖 • 29 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖 • 1 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 30 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    58 引用 • 22 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    207 引用 • 358 回帖
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • 996
    13 引用 • 200 回帖 • 6 关注
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    262 引用 • 664 回帖
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 373 关注
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 701 关注
  • 倾城之链
    23 引用 • 66 回帖 • 121 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 680 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    26 引用 • 222 回帖 • 167 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    4 引用 • 16 回帖 • 1 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    16 引用 • 7 回帖 • 2 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖 • 1 关注
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    386 引用 • 1226 回帖 • 593 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖