layui日历的简单使用

期望效果：

date.png

HTML：

 <div class="col-sm-3">
        <input type="text" class="form-control" value="2016-12-26" id="DeadlineTime"/>
       <i class="fa fa-caret-down cursor creat-down-date"></i>
 </div>

JS调用：

<!--日历-->
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#DeadlineTime' //指定元素
        });
    });
</script>