javascript计算两个日期的时间差（单位天）

JavaScript023

javascript计算两个日期的时间差（单位天）,第1张

<html>

<head></head>

<script type="text/javascript">

function computeDays(startTime, endTime)

{

var st=new Date(startTime.replace(/-/g,"\/"))

var et=new Date(endTime.replace(/-/g,"\/"))

return (et-st)/(24*60*60*1000)

}

function getDays()

{

alert(computeDays("2015-01-01","2016-01-01"))

}

</script>

<body>

<h1>countDays</h1>

<button id="btm" name="namea" onclick="getDays()" >countDays</button>

</body>

</html>

正好我最近 在搞 JQUERY 所以改写了个插件

调用：$(".x-movable").Drags({handler:".x-panel-header",zIndex:10000,opacity:0.7，direction:"x"})

你可以参考一下，以下是代插件码:

(function($) {

$.extend($.fn, {

getCss: function(key) {

var v = parseInt(this.css(key))

if (isNaN(v))

return false

return v

}

})

$.fn.Drags = function(opts) {

var obg=$(this)

var ps = $.extend({

zIndex: 20,

opacity: .7,

handler: null,

onMove: function() { },

onDrop: function() { }

}, opts)

var dragndrop = {

drag: function(e) {

var dragData = e.data.dragData

dragData.target.css({

left:(ps.direction=="y")?(dragData.left):(dragData.left + e.pageX - dragData.offLeft),

top: (ps.direction=="x")?(dragData.top):(dragData.top + e.pageY - dragData.offTop)

})

dragData.onMove(e)

},

drop: function(e) {

var dragData = e.data.dragData

dragData.target.css(dragData.oldCss)

dragData.onDrop(e)

$().unbind('mousemove', dragndrop.drag)

.unbind('mouseup', dragndrop.drop)

}

}

return this.each(function() {

var me = this

var handler = null

if (typeof ps.handler == 'undefined' || ps.handler == null){

handler = $(me)

}else{

handler = (typeof ps.handler == 'string' ? $(ps.handler, this) : ps.handle)

}

handler.bind('mousedown', { e: me }, function(s) {

var target = $(s.data.e)

var oldCss = {}

if (target.css('position') != 'absolute') {

try {

target.position(oldCss)

} catch (ex) { }

target.css('position', 'absolute')

}

oldCss.opacity = target.getCss('opacity') || 1

var dragData = { //初始数据

left: oldCss.left || target.getCss('left') || 0,

top: oldCss.top || target.getCss('top') || 0,

width: target.width() || target.getCss('width'),

height: target.height() || target.getCss('height'),

offLeft: s.pageX,

offTop: s.pageY,

oldCss: oldCss,

onMove: ps.onMove,

onDrop: ps.onDrop,

handler: handler,

target: target

}

target.css('opacity', ps.opacity)

$().bind('mousemove', { dragData: dragData }, dragndrop.drag)

.bind('mouseup', { dragData: dragData }, dragndrop.drop)

})

})

}

})(jQuery)

调用说明：$(".x-movable").Drags({handler:".x-panel-header",zIndex:10000,opacity:0.7，direction:"x"})

其中$(".x-movable")是要被移动的DIV,".x-panel-header"是拖动手柄，科省略。 direction是移动方向，有"x"和"y"两个参数。

下面是我实际运用中更复杂的例子：

$(".x-layout-split-west").Drags({

zIndex:10000,

opacity:0.7,

direction:"x",

onDrop:function(e){

$(".x-layout-split-west").removeClass("x-splitbar-proxy")

var l=parseInt(e.data.dragData.target.css("left"))

if (l<ps.wmin){l=ps.wmin}

if (l>ps.wmax){l=ps.wmax}

ps.ww=l

ps.cl=l+ps.margins

ps.cw=w-ps.ew-ps.cl-ps.margins

$("#west").css({width:ps.ww})

//$("#west").css({left:l})

//$("#center .x-panel-body").css({width:ps.ch})

$("#center").css({width:ps.cw,left:ps.cl})

$(".x-layout-split-west").css("left",l)

}

出现问题先找到出现问题的地方。正常来说split(正则表达式)，是没有问题的。

然后看你这里用了split(正则表达式,limit)

先分析一下这个方法，看源码得知，limit<0时表示数组长度没有限制，limit>=0时，limit决定数组长度。每次根据正则表达式解析出第一个barrir时，将存入list，这个list长度被limit限制。

你图中为limit=-1，不存在数组长度限制。

讲道理是不会出现你那种情况的。

你可以尝试Arrays.toString(数组)，打印它看看数组元素。

有问题再问我