vue+ElementUI 日期选择器 获取时间戳

 <div class="block">
    <span class="demonstration">daterange</span>
    <el-date-picker
      v-model="value9"
      type="daterange"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :default-time = "[‘00:00:00‘,‘23:59:59‘]"
      value-format="timestamp">
    </el-date-picker>
     <el-button type="primary" @click="search">主要按钮</el-button>
  </div>
在data里面写value9:‘‘  v-model 了嘛
 

上面是从ElementUI里面粘过来的

:default-time  作用是 限定你选择的时间范围吧  如果你选择5月1日至5月2日 默认 传回来的一个是5月1日 00:00:00 ,另一个是5月2日 00:00:00  不知道是不是我骚错了

value-formate="timestamp"  加上这个属性的作用是 将返回你选择的日期的时间戳

获取选择的时间戳 直接 value9  你就知道结果了

原文地址:https://www.cnblogs.com/TreeCTJ/p/10909233.html

时间: 2024-10-26 23:53:16

vue+ElementUI 日期选择器 获取时间戳的相关文章

vue element-ui 日期选择器组件 日期时间格式化

vue element-ui 组件开发大大提高了我们的效率,但有时候并不能满足我们的需求,例如时间,日期组件: element-ui 日期返回的格式是这样的,看下图: 但我们要的是另一个格式 , 如下图: 怎么解决? 可以用一个插件 moment.js 解决 1:下载,安装 npm install moment --save 2:引用,我这里是全局引用,并用原型链把方法挂到了vue上面,看下图: 3:使用,看下图: moment(date).format("YYYY-MM-DD HH:mm:ss

ElementUI日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架.官方文档也很详细,这里做一个element-ui日期插件的补充,官方文档中使用picker-options属性来限制可选择的日期,这里举例子稍做补充. 一.单个输入框的 //组件代码 <el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOpti

element-ui日期选择器datepicker限制最大选择日期范围

如图,需求为最多选择范围为七天 <el-date-picker v-model="pickerDate" type="daterange" :picker-options="pickerOptions" @change="handlePickerDate" range-separator="至" format="yyyy-MM-dd" value-format="time

vue+element-ui根据后台获取的值为1、2、3等类型时候进行中文显示

有时候后台返回的状态不是中文的时候而是1.2.3这种类型的时候这时候不能直接根据prop属性直接进行显示,需要根据这些类型进行判断从而显示我们想要的中文时,比如表格中的某列需要显示中文的时候: <el-table-column width="100" label="商品状态" align="center"> <template slot-scope="scope"> <el-tag type=&q

JavaScript获取时间戳、日期格式化

一. js获取时间戳: 第一种方法: var timestamp1 = Date.parse(new Date()); 第二种方法: var timestamp2 = (new Date()).valueOf(); 第三种方法: var timestamp3 = new Date().getTime(); alert(timestamp1);//结果:1372751992000 alert(timestamp2);//结果:1372751992066 alert(timestamp3);//结果

vue element-ui IE9--11报 “无法获取未定义或null引用的属性‘toLowerCase’”

今天做zymh比赛的一个管理后台,用的技术是vue+element-ui+vue-router+axios,其他浏览器运行的很好,但是在IE(从IE11到IE9,vue支持IE9以上)都报错 点进去就是定位到了markUp这个函数,经查询是element-ui报错,element-UI在使用MessageBox,Message等组件时,只需要用import导入,而不需要继续Vue.component(Message.name,Message) . 将各个组件中的Vue.component(Mes

java 日期获取时间戳

SimpleDateFormat df = new SimpleDateFormat("yyyy/MM/dd hh:mm:ss");            String dateString = "2014/10/11 14:50:11";            Date date = df.parse(dateString);             long s=date.getTime();             System.out.println(s/1

【ElementUI】日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架.官方文档也很详细,这里做一个element-ui日期插件的补充. 官方文档中使用picker-options属性来限制可选择的日期,这里举例子稍做补充. 单个输入框的 组件代码: <el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOption

jQuery cxCalendar 日期选择器

cxCalendar 是基于 jQuery 的日期选择器插件. 它灵活自由,你可以自定义外观,日期的范围,返回的格式等. 版本: jQuery v1.7+ jQuery cxCalendar v1.5 github 使用方法 载入 CSS 文件 <link rel="stylesheet" href="jquery.cxcalendar.css"> 复制 载入 JavaScript 文件 <script src="jquery.js&qu