日期选择器

插件:去网上找一个,然后复制下他的样式,记得放包

前端页面;

    <div style="width:970px; margin:10px auto;">
			开始时间:<input class="inline laydate-icon" id="start" onClick="laydate()" ><br /><br />
 			结束时间:<input class="inline laydate-icon"  id="over" onClick="laydate()"><br /><br />
   </div>

  然后 我获取到我选择的:就可以了

由于是起止时间,也不难推算出持续时间:

<script>
    $("#djt").click(function() {

                var start = $('#start').val();
                var over = $('#end').val();

                if(start == "") {
                    alert("请输入开始时间");
                } else if(over == "") {
                    alert("请输入结束时间");
                } else {

                    var start = new Date(start);
                    var over = new Date(over);
                    var sjc = ((over.getTime() - start.getTime()) / 1000) / 86400;
                    //        if(sjc>=30){
                    //            var yue = (sjc)/30;
                    //            alert(yue);
                    //        }
                    $("#life").val(sjc + '天');

                    //alert(start.getTime()); 

                }
                })
</script>

这样就可以推算出持续的天数了

 

posted @ 2017-09-22 15:36  长腿野生璇  阅读(181)  评论(0编辑  收藏  举报