页面的head部分，需引入两个必要的CSS样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="plugin/layui-v1.0.7/css/layui.css">
<link type="text/css" rel="stylesheet" href="css/date.css">

页面的body部分，主要是一个form表单，里面用了多个div容器的嵌套，代码如下：

<form class="layui-form" action="" id="form">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">截止日期</label>
            <div class="layui-input-inline ui-time">
                <input type="text" id="dp11" class="layui-input ui-time-text" value="2017-09-09~2018-09-09" kssj="2017-09-09" jssj="2018-09-09" />
            </div>
        </div>
    </div>
</form>

页面的底部，远程调用jQuery库，引入必要的JS文件，设置日期插件的参数等，代码如下：

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="plugin/layui-v1.0.7/layui.js"></script>
<script type="text/javascript" src="js/main.js?1"></script>
<script type="text/javascript">
layui.use(['laydate','dateLay'], function(){
    var layer = layui.layer,
        laydate = layui.laydate;
    var obj={
        init:function(){
            this.dp11=$('#dp11');
            this.initEvent();
        },
        initEvent:function(){
            this.dp11.dateLay();
            
        }
    }
    obj.init();
});
</script>