13
  1. /**
  2.  * 计算2个日期之间相隔的天数
  3.  *
  4.  */
  5. function dateDiff(startDate, endDate)
  6. {
  7.  var days  = 0;
  8.  
  9.  if (startDate == endDate) {
  10.   return days;
  11.  }
  12.  
  13.  var sDate  = startDate.split('-');
  14.  var eDate  = endDate.split('-');
  15.  
  16.  var sYear  = parseInt(sDate[0]);
  17.  var sMonth = parseInt(sDate[1]);
  18.  var sDay   = parseInt(sDate[2]);
  19.  var eYear  = parseInt(eDate[0]);
  20.  var eMonth = parseInt(eDate[1]);
  21.  var eDay   = parseInt(eDate[2]);
  22.  
  23.  for (var y = sYear; y <= eYear; y++) {  
  24.   if (y == eYear) {
  25.    for (var m = 1; m <= eMonth; m++) {
  26.     if (m == eMonth) {
  27.      days = days + eDay - sDay;
  28.     } else if (m >= sMonth) {
  29.      days = days + getMonthDays(y, m);
  30.     }
  31.    }
  32.   } else {
  33.    days = days + ((leapYear(y)) ? 366 : 365);
  34.   }
  35.  }
  36.  
  37.  return days;
  38. }
  39.  
  40.  
  41. function getMonthDays(year, month)
  42. {
  43.     var ar = new Array();
  44.     ar[1]  = 31;
  45.     ar[2]  = (leapYear(year)) ? 29 : 28;
  46.     ar[3]  = 31;
  47.     ar[4]  = 30;
  48.     ar[5]  = 31;
  49.     ar[6]  = 30;
  50.     ar[7]  = 31;
  51.     ar[8]  = 31;
  52.     ar[9]  = 30;
  53.     ar[10]  = 31;
  54.     ar[11] = 30;
  55.     ar[12] = 31;
  56.  
  57.     return ar[month];
  58. }
  59.  
  60. function leapYear(year)
  61. {
  62.     if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
  63.         return true;
  64.     }
  65.  
  66.     return false;
  67. }
十一 07

 ExtJS是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。
  ExtJs最开始基于YUI技术,由开发人员Jack Slocum开发,通过参考Java Swing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术的精品。

具体内容见图:

下载:

ExtJS2.0实用简明教程

18

<input type="checkbox" name="checkbox_name[]" id="checkbox_name_1" />1<br />
<input type="checkbox" name="checkbox_name[]" id="checkbox_name_2" />2<br />
<input type="checkbox" name="checkbox_name[]" id="checkbox_name_3" />3<br />
<input type="checkbox" name="checkbox_name[]" id="checkbox_name_4" />4<br />
<input type="checkbox" name="checkedAll" id="checkedAll"/>全选/取消全选

演示地址


29

转载:http://blog.kuomart.com/

老师js时间时间控件

特点:

1、选择的时间格式可以自定义,只需要给选取时间的格式,如:[yy]-[mon]-[dd],[hh]-[min]-[ss],[mon]/[dd]/[yy]
2、可以选择日期时间的任何一部分,比如可以只选择月日部分,只需要在格式里定义对应部分就可以选择。
3、精确定位到指定标签控制位置,精确定位到鼠标点击位置等,可以随意拖动。
4、IE下不被下拉列表框覆盖,不被flash覆盖,同一个窗口内选择,自动调整显示位置。
5、兼容IE、FireFox,应该还兼容oprea等现未测。
6、自动获取文本框做为初始值,通过修改外部css连接文件定制外观。

Continue reading »

15

在javascript代码中用encodeURIComponent()函数处理中文字符串,

JS代码:
<script type=”text/javascript”>
string = encodeURIComponent(string);
location.href = index.php?keyword=’+string;
</script>
PHP代码:

$keyword = (isset($_GET['keyword'])) ? $_GET['keyword'] : '';
?>

十一 03

本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象之间是如何相互关联的。
     顺便提一下,记住,这里把所有作为另一对象的子对象的对象看作该对象的属性请参见第十章中与此相关的注解。 
         B.1 anchor对象
     使用<A NAME=>标记创建的HTML描点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象。
     anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。
   
     B.2 anchors数组
     anchors数组是document对象的一个属性,是文档内所有anchor对象的一个列表如果anchor也是一个link(链接),则它会同时出现在anchors和links数组中。
     属性
     length 文档内的锚点个数
    Continue reading »