laydate时间框架的运用

最新推荐文章于 2020-02-01 16:51:33 发布

HelloWorldLzz

最新推荐文章于 2020-02-01 16:51:33 发布

阅读量1.2k

点赞数

分类专栏： H5 基础文章标签： javascript 框架结构 html5

本文链接：https://blog.csdn.net/qq_38246635/article/details/78022412

版权

H5 基础专栏收录该内容

19 篇文章 0 订阅

订阅专栏

先导入框架，结构图如下图所示：

在script中设置你想要的效果

<body>
<input type="text" id="calendar" readonly/>
</body>
<script src="../assets/laydate/laydate.js"></script>
<script>
    laydate.render({
        elem:"#calendar",
        /*lang:"en" //语言*/
        type:"date",//精确到年月或日，类型
       /* format:"HH:mm",//自定义自己想要的类型*/
        /*range:"~"//默认为FALSE*/
        value:new Date(),//获得当前时间
      /*  min:15,//设置日期的最小值
        max:30,//设置日期的最大值*/
        theme:"molv",//设置颜色
      /*  mark:{"0-10-01":"国庆节"}//标记*/
        calendar:true,
        /*show:true*/
        zIndex:21
    })
</script>