vue中时间控件绑定多个输入框
首先去下载laydate时间控件,引入到相应的模板中
<input type="text" val-required="" value="" date-laydate="" id="estab_dateA" class="initial_date laydate-icon" @click="dateBlock('#estab_dateA')">
<input type="text" val-required="" value="" date-laydate="" id="estab_dateB" class="initial_date laydate-icon" @click="dateBlock('#estab_dateB')">
<script>
        import './../../scripts/base/laydate.js';
            //绑定时间控件
            dateBlock(str){
                let $scope = this;
                    laydate({
                        elem:str,//绑定的元素
                        type:'date',
                        format:'YYYYMMDD',//时间格式20171219
                        position: 'static',//位置
                        istoday: true, //是否显示今天
                        done: (value) => {
                          $scope.estabTime = value
                        }
                 });
            },
</script>  
<style>
  @import "./../../styles/need/laydate.css";
 </style>     
vue中时间控件绑定多个输入框的更多相关文章
- Vue表单控件绑定
		前面的话 本文将详细介绍Vue表单控件绑定 基础用法 可以用 v-model 指令在表单控件元素上创建双向数据绑定.它会根据控件类型自动选取正确的方法来更新元素.v-model本质上不过是语法糖,它负 ... 
- c#中DropDownList控件绑定枚举数据
		c# asp.net 中DropDownList控件绑定枚举数据 1.枚举(enum)代码: private enum heros { 德玛 = , 皇子 = , 大头 = , 剑圣 = , } 如果 ... 
- Vue#表单控件绑定
		使用v-model 在表单控件上实现数据双向绑定. 单选:https://jsfiddle.net/miloer/bs49p0fx/ <input type="checkbox&quo ... 
- vue表单控件绑定(表单数据的自动收集)
		v-model指令 你可以用 v-model 指令在表单控件元素上创建双向数据绑定.它会根据控件类型自动选取正确的方法来更新元素.尽管有些神奇 但 v-model 本质上不过是语法糖,它负责监听用户的 ... 
- 040. asp.netWeb中TreeView控件绑定XML文件
		xml文件格式: <?xml version="1.0" encoding="utf-8" ?> <sitemap title="进 ... 
- WPF中Image控件绑定到自定义类属性
		首先我们定义一个Student类,有ID,Name,Photo(保存图片路径). using System; using System.Collections.Generic; using Syste ... 
- Java学习笔记——可视化Swing中JTable控件绑定SQL数据源的两种方法
		在 MyEclipse 的可视化 Swing 中,有 JTable 控件. JTable 用来显示和编辑常规二维单元表. 那么,如何将 数据库SQL中的数据绑定至JTable中呢? 在这里,提供两种方 ... 
- Webform中Repeater控件--绑定嵌入C#代码四种方式
		网页里面嵌入C#代码用的是<% %>,嵌入php代码<?php ?> 绑定数据的四种方式: 1.直接绑定 <%#Eval("Code") %> ... 
- WPF中一个控件绑定另一个控件的属性
		如同一个Grid中的一个按钮根据另一个按钮的显示与否作出不同的响应: 绑定的时候通过ElementName来指定控件 <Grid Margin="50,130"> &l ... 
随机推荐
- C/C++学习)22.QTcpServer、QTcpSocket、QUdpSocket使用
			一.TCP/UDP通信在Qt中的实现过程: 废话不说,首先下面是Qt中TCP/UDP的实现图解: 1.Qt下TCP通信详解: 针对上图进行简单的说明: QTcpServer用来创建服务 ... 
- Linux 查看发行版版本信息和内核版本
			版本信息: cat /etc/centos-release 或 redhat-release cat /etc/issiue 内核信息:uname -r 或 uname -a 
- 【18】AngularJS 包含
			AngularJS 包含 在 AngularJS 中,你可以在 HTML 中包含 HTML 文件. 在 HTML 中包含 HTML 文件 在 HTML 中,目前还不支持包含 HTML 文件的功能. 服 ... 
- 如何相互转换逗号分隔的字符串和List --https://blog.csdn.net/yywusuoweile/article/details/50315377
			如何相互转换逗号分隔的字符串和List ---https://blog.csdn.net/yywusuoweile/article/details/50315377 方法 2: 利用Guava的Joi ... 
- mariadb-10GTID复制及多源复制
			---本文大纲 一.什么是GTID 二.应用场景 三.多线程复制说明 四.实现过程 五.多源复制原理 六.实现过程 ---------------------------------- 一.什么是GI ... 
- [luoguP1220] 关路灯(DP)
			传送门 如果去关某一个灯,那么途中经过的灯都能关闭,那么就是连续一段区间,区间DP. f[i][j][0] 表示关完 i, j 这个区间且在 i 这个位置 f[i][j][1] 表示关完 i, j 这 ... 
- Ubuntu 16.04错误:The update information is outdated this may be caused by network...的问题解决
			说明:这个问题没有最终的解决方案,只有不断的尝试. 错误: The update information is outdated this may be caused by network probl ... 
- MySQL常用函数(转)
			一.数学函数 ABS(x):返回x的绝对值 BIN(x):返回x的二进制(OCT返回八进制,HEX返回十六进制) CEILING(x):返回大于x的最小整数值 EXP(x):返回值e(自然对数的底)的 ... 
- 演练:使用VS2010 C# 创作简单的多线程组件
			BackgroundWorker 组件取代了 System.Threading 命名空间并添加了功能:但是,可以选择保留 System.Threading 命名空间以实现向后兼容并供将来使用.有关更多 ... 
- ssh连接断开后 shell进程退出
			问题描述:当SSH远程连接到服务器上,然后运行一个服务 ./catalina.sh start,然后把终端开闭(切断SSH连接)之后,发现该服务中断,导致网页无法访问. 解决方法:使用nohup命 ... 
