laydate时间框架的运用

最新推荐文章于 2019-08-27 17:05:29 发布

原创最新推荐文章于 2019-08-27 17:05:29 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #框架 #结构 #html5

H5 基础专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何利用laydate库在网页上实现一个可选择日期的日历组件，并展示了具体的HTML、JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

在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>