jquery 日期

jquery 日期

    我觉得有必要说说日期这个小东西，虽然网上很多插件和代码但是在实际工作当中总会遇到各种各样的需求所以有必要对每个细小的地方。首先你要引入jquery、jquery-ui-datepicker还有一个datepicker的css。
    首先在html里写
`<input id="dateinput" type="text" readonly="readonly"/>`
    在页面绑定下元素，readonly="readonly 不支持你直接在文本框里输入只能在日期控件里点。如果你想也可以在文本框直接输入去掉这句话，同时需要写onblur（遗失焦点事件）在js或者jquery里进行输入判断来防止错误数据。
    编写js，加载日期控件。

 <script language="javascript">

$(document).ready(function() {  

       $('#dateinput').datepicker();  

   });  

</script>

 在页面加载的时候，加载日期控件。这是最简单的日期控件完成。接下来是自定义日期控件。

 <script language="javascript">

$(document).ready(function() {  

       $('#dateinput').datepicker({  

           dateFormat: 'yy-mm-dd',  //日期格式，自己设置


           showOn: 'both',//触发条件，both表示点击文本域和图片按钮都生效

       yearRange: '1990:2008',//年份范围

       clearText:'清除',

       closeText:'关闭',

       prevText:'前一月',

       nextText:'后一月',

       currentText:' ',

       monthNames:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],

       });  

   });  

    还有日期控件的图片颜色修改，阴历时间显示等就不说了。最后说下日期计算。用到了js的 date对象。Date对象用于处理日期和时间。以下是date对象的传参格式。

new Date("month dd,yyyy hh:mm:ss");
new Date("month dd,yyyy");
new Date(yyyy,mth,dd,hh,mm,ss);
new Date(yyyy,mth,dd);
new Date(ms);

    还有用到了Date.parse()方法。Date.parse() 是 Date 对象的静态方法。parse() 方法可解析一个日期时间字符串，并返回 1970/1/1 午夜距离该日期时间的毫秒数。

var v = Date.parse();//当前时间
var d = Date.parse("Jul 8, 2005");
var x = v-d;//毫秒数
var s = (v-d)/1000;//秒数
var m = s/60;//分钟
var h = m/60;//小时
var d = h/24;//天
var date = new date（v）；//将时间变回普通时间

    时间的判断大小也可以都化为毫秒数然后比较，给一个时间加一个月两个月等等都可以加上指定的毫秒数然后再变回普通时间。如果你传的不是正确的传参时间可以用replace() 方法替换一些字符，或替换一个与正则表达式匹配的子串。大概就这些了。实际工作中可能遇到不同国家地区的日期格式不一样的时候，就需要你把每个国家的日期格式存到数据库中，在不同的环境调用不同的dateFormat。就说到这吧。