jquery 时间相减获取天数_JQuery Datepicker实现JavaScript日期相减的小例子

最近水母一直在发关于银行利息的文章，看他算得连脚趾头都快用上了，O(∩_∩)O哈哈~，索性做回好人，帮他写个网页程序算一下。

开始想用PHP写，但是还要做个输入界面，干脆用js了。写js代码的好帮手首选JQuery，于是到JQuery官方网站(http://jquery.com/)上下了个v1.5.1最新版的文件，瞬间就下下来了。然后想到JQuery UI中有个Datepicker还从来没用过，⊙﹏⊙b汗！于是点到http://jqueryui.com/download页面随便选了个Theme，把1.8.11版本里的所有Components都下载了下来，下下来是个zip包，解出来以后的文件夹名称是jquery-ui-1.8.11.custom。

新建html文件，拖2个input和1个button，将jquery-ui-1.8.11.custom\js下的2个文件jquery-1.5.1.min.js和jquery-ui-1.8.11.custom.min.js包含进来，就可以用JQuery的datepicker了。

初始化input的js代码如下：

JavaScript语言: 知蚁博客程序设计

$(document).ready(function() {

$(“#datepicker_begin”).datepicker({ dateFormat: ‘yy/mm/dd’ });

$(“#datepicker_end”).datepicker({ dateFormat: ‘yy/mm/dd’ });

});

然后，button的onclick事件如下：

JavaScript语言: 知蚁博客程序设计

function countDay(){

var b = new Date($(“#datepicker_begin”).val());

var e = new Date($(“#datepicker_end”).val());

var dif = e.getTime() - b.getTime();

var day = Math.floor(dif / (1000 * 60 * 60 * 24));

day+=1;

$(“#msg”).html(“计算结果：”+day+“天”);

}

就是将2个日期换算成毫秒，把差值换算成天数。即用input中的日期值实例化个Date，然后用Date的getTime()方法获得该日期距1970.1.1的毫秒数，最后用差值除以1000*60*60*24取整就得到2个日期的天数差了。

试用了下，功能OK。不过发现datepicker界面上是英文的，看了下网页，说是可以本地化，方法是把jquery-ui-1.8.11.custom\development-bundle\ui\i18n下的jquery.ui.datepicker-zh-CN.js包含到html中来。另外，dateFormat还可以设置成其他显示方式，详情可查看http://docs.jquery.com/UI/Datepicker/formatDate。Datepicker可以显示多个月份，设置最大最小日期，显示周等等，可惜的是没有时分秒啊。

O(∩_∩)O~，可以拿给水母用了，还顺便学习下了Datepicker。

原创文章请注明转载于知蚁博客，本文地址：http://www.letuknowit.com/archives/17

jquery 时间相减获取天数_JQuery Datepicker实现JavaScript日期相减的小例子相关推荐

jquery 时间相减获取天数_Js中处理日期加减天数
Js的处理日期还是很方便的. 一. 格式化日期为2017-07-04的格式 function formatTime(date) { var year = date.getFullYear(); var ...
JavaScript日期加减，Juqery日期加减计算并赋值给input框
开发中常用的日期加减法的处理方式开发中遇到的日期加减的问题已经得到处理,现整理出来给需要的小伙伴参考点击自定义时间按钮可以快速把需要的日期赋值给日期框和input框 1.获取当天的年月日 $(fu ...
JavaScript日期加减
JS中的日期加减使用以下方式: varcurrentDate = new Date(); 对日期加减: date.setDate(date.getDate()+n); 对月加减: date.setMo ...
jquery 毫秒转换成日期_jQuery Datepicker – 如何将日期格式化为纪元时间戳(以秒为单位,而不是毫秒)...
我正在使用 jquery datepicker插件来设置一个日期字段,该字段存储为db中的纪元时间戳(字段,publish_time,直接映射到表模式). 看来Datepicker只支持以毫秒为单位的 ...
js根据日期区间获取天数
js根据日期相减获取天数文章目录 js根据日期相减获取天数定义方法使用定义方法 /** * @param {String} startDate 开始日期 * @param {String} e ...
mysql时间相减得到天数保留两位_mysql 中两个日期相减获得天小时分钟或者小时:分钟的格式...
/**有一个需求,要求获得两个日期想减的天数,小时数,分钟数.通过查找资料,于是乎我写出了如下代码,来获得两个字段.*/ IFNULL(CONCAT( IF(aib.`forecast_reply_t ...
Javascript日期时间总结
写这篇文章,总结一下前端JavaScript遇到的时间格式处理. 1 C#时间戳处理从后台返回的C#时间为:/Date(-62135596800000)/,这个是C#的DateTime.MinVal ...
mysql时间相减得到天数保留两位_[转]Mysql日期函数-日期相减返回天数
MySQL datediff(date1,date2):两个日期相减 date1 - date2,返回天数. select datediff('2008-08-08', '2008-08-01'); ...
Vue3.0定时任务显示实时日期相减后时间，vue日期相减天数时分秒
需求概述:就是两个日期相减,把得到的天时分秒显示在页面中并实时更新时间走动. 效果: 代码: <template><h2><span>世界上最甜的崽</spa ...

jquery 时间相减获取天数_JQuery Datepicker实现JavaScript日期相减的小例子

jquery 时间相减获取天数_JQuery Datepicker实现JavaScript日期相减的小例子相关推荐

最新文章

热门文章