layui时间组件的应用

摘要:
Layui为我们封装了一些非常方便的组件。四个组件之一是直接显示在页面上的日历组件。这里,我们使用一个日历组件来描述与月份和年份相对应的翻页按钮的HTML部分。我们只需要编写一个div来访问组件,然后将其导入js。这里,我们需要对应您自己的layui。js地址代码部分layui使用;通过引入layui框架,可以通过几个步骤实现一个简单的日历

  layui为我们封装了一些很方便的组件,四件组件就是其中之一

  这里拿一个直接显示在页面上的日历组件来说明

  layui时间组件的应用第1张

  上面的翻页按钮对应月份和年份的翻页

  layui时间组件的应用第2张

  HTML部分,只需要写一个div来接取组件

<div id="test"></div>

  然后引入js

  这里要对应你自己的layui.js地址

 <script src="layui/layui.js"></script>

  代码部分

  

layui.use(['element', 'laydate'], function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test'
                , position: 'static'
            });
        });

  引入layui框架,简单几步就实现了一个简单日历的功能

免责声明:文章转载自《layui时间组件的应用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇JQuery validationEngine 验证页面是否全部通过验证pagefile.sys怎么删除下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Visual Studio 2008 中程序路径配置 .

Visual Studio 2008 环境变量的配置(改为:Visual Studio 2008 中程序路径配置 更合理) 在调试 Visual Studio 2008 程序时,经常有一些动态链接库(即 dll 文件)需要加载到工程里,这样才能依赖第三方库进行程序调试。 这些动态链接库,往往都是测试版本或是开发中的版本,或者会有若干个版本;这个时候,...

testng参数化(提供测试数据)

testng提供测试数据的两个注释:@DataProvide和@Parameter   一、通过testng.xml中设置参数 (实际上testng.xml只是一个名字,可以起任何一个名字,只要是.xml文件,然后文件格式按照testng的文档格式DTD来就可以了) testng.xml中的内容: <?xml version="1.0" encodi...

Shell篇(三)TC Shell

Shell脚本的首行一般写为"#!+路径"来告诉系统,以路径所指定的程序来解释此脚本。              可以写为 #! /bin/tcsh -f (-f表示快速启动,不启动~/.tcshrc) Shell中的单引号' '  表示当Shell碰见第一个单引号时,它会忽略其后直到右引号的所有特殊字符。一般可用在alias              a...

如何用webpack搭建vue项目?本文案例详解

前言:都2020年了,感觉是时候该学一波webpack了,趁着最近有时间,就学了一下,等把官网上的webpack结构和模块大概看了一遍之后,就感觉可以开始搭个项目实战一下了,从0开始,一步步记录下来 使用版本: webpack4.x 1.包含插件和loader * html: html-webpack-plugin clean-webpack...

jquery 改变标签样式

jQuery改变标签的样式一般有3种 预置好class,然后通过jQuery改变元素的class名,使用的是addClass、removeClass 直接改变元素的css属性值,这种是通过添加style实现的,使用的是css方法 修改style属性值,通过attr方法 示例(假设以下标签的id都是test): 1.假设有一class名为class1,...

numpy随机索引(不重复)和打乱元素

def getRandomIndex(n, x): # 索引范围为[0, n),随机选x个不重复,注意replace=False才是不重复,replace=True则有可能重复 index = np.random.choice(np.arange(n), size=x, replace=False) return index getRa...