前段jsp页面数据按时间排序

js


<script type="text/javascript">
(function(){
   var tbody = document.getElementById('cooperation').tBodies[0];
   var th = document.getElementById('cooperation').tHead.rows[0].cells;
   var td = tbody.rows;
   sort("data",-1,0);
   function sort(str,flag,n){
     var arr = []; //DOMを保存
     for (var i = 0;i < td.length;i++){
       arr.push(td[i]);
     };
     //並べ替え
     arr.sort(function(a,b){
       return method(str,a.cells[n].innerHTML,b.cells[n].innerHTML) * flag ;
     });
     //追加
     for (var i = 0;i < arr.length;i++){
       tbody.appendChild(arr[i]);
     };
   };

   //ソート方法
   function method(str,a,b){
   	a= a.substring(0,10).replace("年","-").replace("月","-")
   	b= b.substring(0,10).replace("年","-").replace("月","-")
     switch (str){
     case 'num': //数の並べ替え
       return a-b;
       break;
     case 'string': //文字列の並べ替え
       return a.localeCompare(b);
       break;
     default:  //日付並べ替えは、IE 8の下で'201-12-12'このフォーマットでは時間を設定できません。'/'
       return new Date(a.split('-').join('/')).getTime()-new Date(b.split('-').join('/')).getTime();
     };
   }
   })();
   </script>

jsp

 <table class="scroll_table" id="cooperation">
	         <thead>        
		        <tr>
		            <th class="w20per" data-type="date">日付</th>
		            <th>メッセージ</th>
		        </tr>
		        </thead>
		        <tbody>
		        <s:iterator id="messageVo"  value="messageList" status="idx">
		        <tr>
		            <td><s:property value="#messageVo.entry_time" /></td>
		            <td class="taL">
		            	<span style="text-decoration:underline;color:blue; text-align:left;" onclick="seeClick('messageVo_<s:property value="%{#idx.index}"/>')">
							<s:property value="#messageVo.title" />	
						</span>
						<s:hidden id="messageVo_%{#idx.index}_hidden" value="%{#messageVo.keiji_text}"/>
						<br/>
						<span style="color:black;word-wrap:break-word;word-break:break-all" id="messageVo_<s:property value="%{#idx.index}"/>" ></span>
		            </td>
		        </tr>
		        </s:iterator>
		         </tbody>
	        </table>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值