资讯频道 → 编程语言
阅读更多

24顶
0踩

编程语言

原创新闻 DateJS - 聪明的日期选择器

2007-11-28 08:25 by 正式记者 Readonly 评论(13) 有11750人浏览
datepicker Google JavaScript

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

在应用程序中，日期选择器(Date Picker)是很常见的组件，但是在某些情况下，它不是很方便，比如这样的情况：
A. 用户想选择1年半以前的日期，他可能需要先选择年，然后再选择月，需要多次点击才能找到日期。
B. 用户想选择60天以后的日期，他需要先计算好日期，然后在选择器上点击。

DateJs最近发布了Alpha1版本。


它是一个"聪明"的日期选择器，针对前面的情况，用户输入符合自然习惯的字符串即可：
A. -18month
B. +60days

除此之外，它扩展的Date方法，也能够很好地在Javascript中使用: 
// What date is next thrusday?
Date.today().next().thursday();
 
// Add 3 days to Today
Date.today().add(3).days();
 
// Is today Friday?
Date.today().is().friday();
 
// Number fun
(3).days().ago();

// 6 months from now
var n = 6;
n.months().fromNow();
 
// Set to 8:30 AM on the 15th day of the month
Date.today().set({ day: 15, hour: 8, mintue: 30 });
 
// Convert text into Date
Date.parse(‘today’);
Date.parse(‘t + 5 d’); // today + 5 days
Date.parse(‘next thursday’);
Date.parse(‘February 20th 1973′);
Date.parse(‘Thu, 1 July 2004 22:30:00′);


它还提供了国际化支持，还等什么，去下载看看吧。
来自: Mashable
24
顶
0
踩
评论 共 13 条 请登录后发表评论
13 楼 luogen33 2011-04-13 16:06
不错 。。 不错。。 顶下
12 楼 njl_041x 2011-04-05 12:51
请问楼主 这个date类库有没有类似datediff()方法的实现？？？
因为只看到了类似dateadd()方法的实现。
楼主好心请回复至njl_041x@163.com
O(∩_∩)O谢谢！！！
11 楼 yinyihui 2010-09-27 16:09
10 楼 wangdahai2001 2009-08-21 21:49
有没有DEMO啊！强烈建议楼主贴一个DEMO出来...
9 楼 guoblog 2007-11-30 16:02
Demo 地址：
http://www.datejs.com/test/

http://datejs.googlecode.com/svn/trunk/test/

关心的朋友可以看一看。
8 楼 newbie2007 2007-11-30 14:51
[quote='juliashine']聪明是聪明了，不过范围也更局限于日常语言是英语的人群了
难道你没发现src\globalization下有国际化的资源？其中就有zh-CN.js，什么叫“范围也更局限于日常语言是英语的人群了”，毛主席说过，没有调查就没有发言权。再者，根本就没有注意Readonly的话“它还提供了国际化支持”。
这种人也来混JavaEye...
7 楼 congjl2002 2007-11-29 13:09
谁帮忙给我发一个，我在公司上不了那个网站啊，谢谢了
congjl2002@sina.com
6 楼 juliashine 2007-11-29 13:06
聪明是聪明了，不过范围也更局限于日常语言是英语的人群了
5 楼 温柔一刀 2007-11-29 12:09
是不是应该给新闻加个收藏功能？
4 楼 cbzdream 2007-11-28 17:05
不错。以后试试
3 楼 zhangcheng 2007-11-28 12:49
不错，试试先
2 楼 Readonly 2007-11-28 09:58
它的网站上就有一个demo
1 楼 xjchome 2007-11-28 09:48
有没有demo 啊

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • dateJs(日期选择器)

    dateJs日期选择器

  • JS - 实现时间选择器

    JS实现时间选择器

  • jQuery实现日期选择器

    日期选择器

  • vue3+ant design vue3+ts 日期选择框DatePicker预设常用的日期范围封装自用

    ant-design-vue3日期选择框

  • vue-date-tools-最轻量的VueJS日期选择器和日期范围选择器，使用date-fns且没有其他依赖项-Vue.js开发

    到目前为止，我可以找到的所有其他与VueJS兼容的日期选择器都使用了JQuery，Bootstrap和Moment JS。 Vue Date工具是Date组件性能的最佳起点。 暴露了子组件以提供最大的灵活性混合和匹配子组件，例如RangeSe

  • 推荐几款JavaScript日历选择器

    - Datejs is an open-source JavaScript Date Library.   JS Calendar - This is a cross browser Javascript calendar.   ========================================= Date Range Picker A rich ...

  • vue时间格式化UTC转24小时制时间

    使用Element-ui的DatePicker日期转换

  • 前端-JS基础之常用内置对象

    <script src="https://cdn.bootcdn.net/ajax/libs/datejs/1.0/date.min.js">script> 官方还提供多种语言的版本，可以选择使用。 // 美国版 <script type="text/javascript" src="date-en-US.js">script> // 中国版 ...

  • 扩展日期插件

    1、请扩展日期插件（/date/js/jq.date.js）,使其在select后面自动加上“年”、 “月”、“日”;并添加一个参数（lang）控制语言选择；当lang为“chs”时如图1效果，当lang为“eng”如图2效果； 图 1 <!...

  • javaScript开源大全

    javascript开源大全 转自：http://www.cnblogs.com/yiliweichinasoft/p/3819699.html ...可视化HTML编辑器-CKEditor 国产jQuery-UI框架-(jUI)-DWZ 网页开发FireFox插件-Firebug 服...

  • javascript开源大全

    可视化HTML编辑器-CKEditor 国产jQuery-UI框架-(jUI)-DWZ 网页开发FireFox插件-Firebug 服务器端的JavaScript脚本-Node.js jQuery图表插件-jQchart HTML5-开发框架-jQuery-Mobile 跨浏览器的RIA框架-ExtJ....

  • 001-RESTful服务最佳实践-RestFul准则、HTTP动词表示含义、合理的资源命名、响应格式XML和JSON...

    　API的方向是从应用程序开发人员的角度考虑设计选择。 幂等性 　不要从字面意思来理解什么是幂等性，恰恰相反，这与某些功能紊乱的领域无关。下面是来自维基百科的解释： 在计算机科学中，术语幂等用于更全面地...

  • 前端网站资源精编！！

    34-------- 富文本编辑器 35-------- PC 36-------- Date library 37-------- 综合效果搜索平台 38-------- 概述 39-------- Gulp 40-------- Grunt 41-------- Fis 42-------- pc图轮 43-------- 移动端 44--------...

  • 好全的前端只是体系(前端架构师来找找有木有你想要的) 五

    好全的前端只是体系(前端架构师来找找有木有你想要的) 四 Chrome Chrome 地址 ...

  • 各大网站，欢迎大家收藏转发

    强大的独立日期选择器 fullcalendar fullcalendar日历控件知识点集合 中文api 农历日历 超酷的仿百度带节日日历老黄历控件 日期格式化 大牛日历控件 我群某管理作品 input按位替换-官网 input按位替换-...

  • 实时监控体系：基于Prometheus的API性能指标可视化方案.pdf

    在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

  • 5个提升DeepSeekAPI生成质量的调参技巧，开发者必看！.pdf

    在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

  • ACM动态规划模板-区间修改线段树问题模板

    ACM动态规划模板-区间修改线段树问题模板

  • 深度解析C语言调试技巧：VSCode+GDB实战排错指南.pdf

    # 踏入C语言的奇妙编程世界 在编程的广阔宇宙中，C语言宛如一颗璀璨恒星，以其独特魅力与强大功能，始终占据着不可替代的地位。无论你是编程小白，还是有一定基础想进一步提升的开发者，C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件，执行速度快，是系统软件、嵌入式开发的首选。同时，代码可在不同操作系统和硬件平台间轻松移植，极大节省开发成本。 学习C语言，能让你深入理解计算机底层原理，培养逻辑思维和问题解决能力。掌握C语言后，再学习其他编程语言也会事半功倍。 现在，让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析，助你逐步掌握C语言核心知识和编程技巧。别再犹豫，加入我们，在C语言的海洋中尽情遨游，挖掘无限可能，为未来的编程之路打下坚实基础！

Global site tag (gtag.js) - Google Analytics