• My97DaePicker 用js实现文本框日期相减求天数


     <tr>
                    <td align="center" style="background-color: #cccccc;font-size:16px;">
                        开始时间:</td>
                    <td style="padding-left: 5px; background-color: #ffffff">
                        <asp:TextBox ID="txtStartDate" runat= "server"  Width="20%" Font-Size="16px" onclick="WdatePicker({el:'txtStartDate',dateFmt:'yyyy-MM-dd'})"></asp:TextBox>
                        <img align="absmiddle" height="22"  onclick="WdatePicker({el:'txtStartDate',dateFmt:'yyyy-MM-dd'})" src="../My97DatePicker/skin/datePicker.gif" width="16" />
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server"
                            ControlToValidate="txtStartDate" ErrorMessage="*不能为空"></asp:RequiredFieldValidator>
                  </td>
                         
                </tr>
                <tr>
                    <td align="center" style="height: 25px; background-color: #cccccc;font-size:16px;">
                        结束时间:</td>
                    <td style="padding-left: 5px; background-color: #ffffff">
                        <asp:TextBox ID="txtEndDate" runat="server"  Width="20%" Font-Size="16px"
                            onclick="WdatePicker({el:'txtEndDate',dateFmt:'yyyy-MM-dd',onpicked:PickedFunc2})"></asp:TextBox>
                        &nbsp;<img align="absmiddle" height="22" onclick="WdatePicker({el:'txtEndDate',dateFmt:'yyyy-MM-dd',onpicked:PickedFunc2})"src="../My97DatePicker/skin/datePicker.gif" width="16" />
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server"
                            ControlToValidate="txtEndDate" ErrorMessage="*不能为空"></asp:RequiredFieldValidator>
                    </td>
                </tr>

    第一种:jquery

    <script  type="text/javascript">
            
                function PickedFunc2(){
                $dp.$('txtEndDate').value=$dp.cal.getP('y')+"-"+$dp.cal.getP('M')+"-"+$dp.cal.getP('d');
                 if($("input[id$='txStartDate']").val()!= ""&&$("input[id$='txtEndDate']").val() != "")
                    {
                        var arrDate,objDate1,objDate2,intDays;
                        arrDate=$("input[id$='txtStartDate']").val().split("-");
                        objDate1=new Date(arrDate[1]+'-'+arrDate[2]+'-'+arrDate[0]);
                        arrDate=$("input[id$='txtEndDate']").val().split("-");
                        objDate2=new Date(arrDate[1] + '-'+arrDate[2]+'-'+arrDate[0]);
                         $("input[id$='txtTotalDays']").val(parseInt(Math.abs(objDate2-objDate1)/1000/60/60/24));
                    }
                                   }        
    </script>

    第二种:

    <script type="text/javascript">   
        var getOffDays = function(startDate, endDate) {    
        var mmSec = (endDate.getTime() - startDate.getTime()); //得到时间戳相减得到以毫秒为单位的差    
          return (mmSec / 3600000 / 24); //单位转换为天并返回    
        };    
        alert(getOffDays(new Date(2010,10,24), new Date(2010,12,3)));    

    第三种:

    <script type="text/javascript">

    function DateDiff(sDate1,sDate2)

        var arrDate,objDate1,objDate2,intDays;
        arrDate=sDate1.split("-");
        objDate1=new Date(arrDate[1]+'-'+arrDate[2]+'-'+arrDate[0]);
        arrDate=sDate2.split("-");
        objDate2=new Date(arrDate[1] + '-'+arrDate[2]+'-'+arrDate[0]);
        intDays=parseInt(Math.abs(objDate1-objDate2)/1000/60/60/24);
        return intDays;
    }
    function check() 
    {

         var beginday = document.getElementByIdx_x("Text1").value;
         var lastday = document.getElementByIdx_x("Text4").value;
         var DayNum = DateDiff(beginday,lastday);
          alert(DayNum);      
         //就可以判断出相差的天数,然后你再判断时间,如果结束时间的小时数,小于开始时间的小时数,那么天数就减一天,开始小时数加24,

    }

        </script>


     

  • 相关阅读:
    3.18 每日一练
    第二章 练习
    第一章 练习
    Redis常用操作大全和Python操作Redis
    vue学习【第七篇】:Vue之导入Bootstrap
    Vue学习【第六篇】:Vue-cli脚手架(框架)与实战案例
    Redis 安装,配置以及数据操作
    vue学习【第五篇】:Vue组件
    vue学习【第三篇】:vue之node.js的简单介绍
    Vue学习【第二篇】:ES6简单介绍
  • 原文地址:https://www.cnblogs.com/zlqblog/p/3593323.html
Copyright © 2020-2023  润新知