DateTimePicker之格式化年月日&计算日期差

最新推荐文章于 2024-07-15 11:14:08 发布

Dr.Zhu

最新推荐文章于 2024-07-15 11:14:08 发布

阅读量4.6k

点赞数

分类专栏：前端汇总

本文链接：https://blog.csdn.net/zt_fucker/article/details/62217898

版权

前端汇总专栏收录该内容

18 篇文章 0 订阅

订阅专栏

新建一个html页面：

然后引入：

jquery.datetimepicker.js
jquery.datetimepicker.full.js
jquery.datetimepicker.css

<!DOCTYPE HTML>
<html>

    <head>
        <title>datetimepicker</title>
        <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css" />
    </head>

    <body>

        <div id="">
            <h3>DateTimePickers selected by class</h3>
            <input type="text" class="date_timepicker" value="" id="date_01"  />
            <input type="text" class="date_timepicker" value="" id="date_02" />
            <button onclick="getTime()">get time</button>
            <input type="text" id="time" value="" />
        </div>

        <script src="js/jquery-3.1.0.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.datetimepicker.full.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.datetimepicker.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function() {

                $(".date_timepicker").datetimepicker({
                    minView: "month", //选择日期后，不会再跳转去选择时分秒 
                    format: "Y-m-d", //选择日期后，文本框显示的日期格式 
                    timepicker:false,
                    autoclose: true
                });
                $.datetimepicker.setLocale('ch');
            });

            function getTime() {
                //计算出相差天数  
                var date01 = $("#date_01").val();
                var date02 = $("#date_02").val();
                var date03 = new Date(date02).getTime() - new Date(date01).getTime(); //时间差的毫秒数  
                var days11 = Math.floor(date03 / (24 * 3600 * 1000))
                $("#time").val(days11);
            }
        </script>
    </body>

</html>

操作截图：
这里写图片描述

这里写图片描述

部分引用自：

<script type="text/javascript">          
    var date1= '2015/05/01 00:00:00';  //开始时间  
    var date2 = new Date();    //结束时间  
    var date3 = date2.getTime() - new Date(date1).getTime();   //时间差的毫秒数        

    //------------------------------  

    //计算出相差天数  
    var days=Math.floor(date3/(24*3600*1000))  

    //计算出小时数  

    var leave1=date3%(24*3600*1000)    //计算天数后剩余的毫秒数  
    var hours=Math.floor(leave1/(3600*1000))  
    //计算相差分钟数  
    var leave2=leave1%(3600*1000)        //计算小时数后剩余的毫秒数  
    var minutes=Math.floor(leave2/(60*1000))  
    //计算相差秒数  
    var leave3=leave2%(60*1000)      //计算分钟数后剩余的毫秒数  
    var seconds=Math.round(leave3/1000)  
    alert(" 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒")  
</script>