myDate97时间多选 博客分类： javascript javascript

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="java.lang.reflect.Array"%>
<%@page import="java.util.List"%>
<%@page import="java.util.ArrayList"%>

<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

日期： dp.cal.getDateStr()
<div id="div1"></div>
<div id="div2"></div>

<script >

var array = [];
<%
  // 这段可以用EL和JSTL等方法代替
  List list = new ArrayList();  //....从后台取到得List;
  list.add("2012-03-09");
  list.add("2012-03-07");
 
  for (int v =0;v<list.size();v++)
  {
%>
  // 这段服务器端得部分可以用EL和JSTL代替
  array.push('<%=list.get(v)%>');
<%
  }
%>

window.onload = dd(array);
function dd(array){
  WdatePicker( {
   eCont : 'div1',
   onpicked : function(dp) {
    var d = dp.cal.getDateStr();
    var j = 1 ;
    if (array.length == 0) {
     array.push(d);
    }else {
     for ( var i = 0; i < array.length; i++) {
    
      if (d == array[i] ) {
       j++;
       if(j % 2 == 0){
        array.splice(i, 1, array);
       }
      }
     }
     if(j % 2 == 1){
      array.push(d);
     }
    }
   
   
    document.getElementById('h').value =array;
   
    dd(array);
   },
   specialDates : array
  
     })
    }
</script>
<form action="index.jsp" method="post">
<input name="h" id="h" type="text"  style="height: 100px;width: 800px;"/>
<input value="提交" type="submit"/>
</form>




原文：http://blog.csdn.net/hanbingfx/article/details/7376493