laydate 在vue中使用_如何在vue-cli项目里用layer的layData日期组件（代码）

本篇文章给大家带来的内容是关于如何在vue-cli项目里用layer的layData日期组件(代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

有朋友问我怎么在vue-cli项目中使用layui中的layData组件，有时间从网上查了下写下篇文章。

1、首先去layData官网把文件包下载下来，解压出来的laydate文件夹整个放在vue-cli脚手架根目录static中

2、在入口文件index.html中head标签中引入static/laydate/laydate.js

3、在组件中使用，话不多说直接上代码

你选择的日期是：{{ date }}

export default {

name: "HelloLayData",

data() {

return {

// 定义个变量用来存储选择的日期

date: ""

};

mounted() {

// 使用：执行一个laydate实例

laydate.render({

elem: "#test1", // 指定元素

type: "datetime", // 组件的类型：year,month,time···

done: value => { // 点击确认执行的回调函数，会把当前选择的时间传入进来

// 把选择的时间赋值给先前定义好的变量，显示在页面

this.date = value;

}

});

}

};

代码截图

laydate 在vue中使用_如何在vue-cli项目里用layer的layData日期组件（代码）相关推荐

【vue.js开发】如何在vue里面优雅的解决跨域，路由冲突问题
[vue.js开发]如何在vue里面优雅的解决跨域,路由冲突问题当我们在路由里面配置成以下代理可以解决跨域问题 proxyTable: {'/goods/*': {target: 'http://l ...
vue 中遍历数组对象存到一个新数组里
vue 中遍历数组对象存到一个新数组里(亲测可行!!!) 参考文档 : MDN-解构赋值方法一 : For of 迭代和解构 var people = [{name: 'Mike Smith',f ...
Vue 中使用externals和CDN来优化项目的体积
Vue 中使用externals和CDN来优化项目的体积 externals是webpack中的一个配置文档说明主要是为了防止项目在打包的时候,将一些通过import引入的包也一起打包到bundl ...
jq的插件 vue中引用_详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件,具有一定的参考价值,有兴趣的可以了解一下使用vue-cli构建的vue项目,webpack的配置文 ...
vue 递归创建菜单_如何在Vue中创建类似中等的突出显示菜单
vue 递归创建菜单 by Taha Shashtari 由Taha Shashtari 如何在Vue中创建类似中等的突出显示菜单 (How to Create a Medium-Like Highl ...
freemarker中运算符_如何在Web应用系统表示层开发中应用Velocity模板技术
软件项目实训及课程设计指导--如何在Web应用系统表示层开发实现中应用Velocity模板技术 1.分离Web表示层的数据处理和展现逻辑的常见的应用技术分离Web表示层的数据处理和展现逻辑是目前企业 ...
vue 响应式ui_如何在Vue.js中设置响应式UI搜索
vue 响应式ui Are you thinking of building something awesome with one of the popular modern frameworks o ...
vue导入静态js_如何在vue js中加载静态图像
我有一个组件,它接受一个prop字符串,即一个url.它可以是远程图片,也可以是资产文件夹中的本地静态资产. 目录结构: -assets/ - logo.png -app.vue -component ...
typescript中函数_如何在TypeScript中合成Canvas动画
typescript中函数 by Changhui Xu 徐昌辉如何在TypeScript中合成Canvas动画 (How to Compose Canvas Animations in TypeS ...
vue 全局排序_搞定VUE [ 一 ]
击上方蓝字关注我首先.以我个人的观点,不赞成把这些东西死记下来,会使用,能上手做,有不明白的及时的去浏览.翻阅,在实战中去快速的理解和掌握,之后水到渠成式的一步步去走向深入.当然,从自身的职 ...

laydate 在vue中使用_如何在vue-cli项目里用layer的layData日期组件（代码）

laydate 在vue中使用_如何在vue-cli项目里用layer的layData日期组件（代码）相关推荐

最新文章

热门文章