日期格式Date类型转化String类型

最新推荐文章于 2023-11-18 07:33:25 发布
最新推荐文章于 2023-11-18 07:33:25 发布
阅读量498 收藏 1
点赞数
分类专栏： vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lingling_12356/article/details/111216872
版权

页面

 <el-dialog :title="arrangeExamType==='add'?'新增考试计划':'编辑考试计划'" :visible.sync="arrangeExamDialogVisible" width="60%"
               :before-close="closeRefuseDialog"
               :close-on-click-modal="false">
      <el-form :model="arrangeForms" ref="arrangeExamForm" :inline="true" label-width="80px" class="mt15">
        <el-row>
          <el-col :span="8">
            <el-form-item label="机考编号" label-width="100px">:
              <span style="margin: 10px;font-weight: bold"> {{arrangeForms.computerNumber}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="行业类型" prop="industryTypeName">
              <Tree :default-props="defaultProps" :peop-type-name="arrangeForms.industryTypeName"
                    @rangeNodeClick="rangeNodeClickPlan"></Tree>

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="培训类型" prop="trainType">
              <el-select v-model="arrangeForms.trainType" placeholder="培训类型">
                <el-option v-for="item in sysTrainTypeList" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row style="padding-top: 20px;border-top: 1px solid #ebebeb;">
          <p>理论考试预安排</p>
          <el-col :span="12">
            <el-form-item label="选择考场" label-width="100px" prop="theoryExamId">
              <el-select v-model="arrangeForms.theoryExamId" placeholder="选择考场"
                         @change="changeAddress(arrangeForms.theoryExamId, '理论', LlExamAddressList)">
                <el-option v-for="(item, index) in LlExamAddressList" :key="item.serialId + index"
                           :label="item.serialNum" :value="item.serialId"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="考试日期" label-width="100px" prop="theoryDate">
              <el-date-picker
                :clearable="false"
                v-model="theoryDate"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd"
                type="date"
                @change="changeTime" //changeTime方法
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="考场地址" prop="theoryExamName" label-width="100px">:
              <span> {{arrangeForms.theoryExamName}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="考试时间" label-width="100px" prop="theoryTime">
              <el-time-picker
                is-range
                :clearable="false"
                v-model="theoryTime"
                range-separator="至"
                start-placeholder="开始时间"
                end-placeholder="结束时间"
                @change="changeTime" //changeTime方法
                format="HH:mm"
                value-format="HH:mm:ss"
                placeholder="选择时间范围">
              </el-time-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row style="padding-top: 20px;border-top: 1px solid #ebebeb;">
          <p>实操考试预安排</p>
          <el-col :span="12">
            <el-form-item label="选择考场" label-width="100px" prop="operExamId">
              <el-select v-model="arrangeForms.operExamId" placeholder="选择考场"
                         @change="changeAddress(arrangeForms.operExamId, '实操', ScExamAddressList)">
                <el-option v-for="(item, index) in ScExamAddressList" :key="item.serialId + index" :label="item.serialNum"
                           :value="item.serialId"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="考试日期" label-width="100px" prop="operDate">
              <el-date-picker
                :clearable="false"
                v-model="operDate"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd"
                type="date"
                @change="changeTime"//changeTime方法
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="考场地址" prop="operExamName" label-width="100px">:
              <span>{{arrangeForms.operExamName}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="考试时间" label-width="100px" prop="operTime">
              <el-time-picker
                is-range
                v-model="operTime"
                :clearable="false"
                range-separator="至"
                start-placeholder="开始时间"
                end-placeholder="结束时间"
                format="HH:mm"
                value-format="HH:mm:ss"
                @change="changeTime"//changeTime方法
                placeholder="选择时间范围">
              </el-time-picker>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitExam()">确 定</el-button>
      </span>
    </el-dialog>

声明变量

return{ //String类型
theoryDate: '', //理论考试日期
      operDate: '', //理论考试时间
      theoryTime: '', //实操考试日期
      operTime: '', //实操考试时间
}

时间获取

changeTime(time) {
      this.arrangeForms.theoryExamTimeStart = `${this.theoryDate} ${this.theoryTime[0]}`
      this.arrangeForms.theoryExamTimeEnd = `${this.theoryDate} ${this.theoryTime[1]}`
      this.arrangeForms.operExamTimeStart = `${this.operDate} ${this.operTime[0]}`
      this.arrangeForms.operExamTimeEnd = `${this.operDate} ${this.operTime[1]}`
    },

获取详情（日期获取）

getExaminationDetails(data) {
      this.arrangeExamDialogVisible = true;
      this.arrangeExamType = 'edit';
      examApi.getExaminationDetails({computerNumber: data.computerNumber}).then(res => {

        this.arrangeForms = res.data;
        //日期转化成String
        this.theoryDate = res.data.theoryExamTimeStart.split(' ')[0];
        this.theoryTime = [res.data.theoryExamTimeStart.split(' ')[1],res.data.theoryExamTimeEnd.split(' ')[1]];
        this.operDate = res.data.operExamTimeStart.split(' ')[0];
        this.operTime = [res.data.operExamTimeStart.split(' ')[1],res.data.operExamTimeEnd.split(' ')[1]];
      })
    },
有梦亦难寻觅
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java String类型转换成Date日期类型
drnrrwfs的博客
05-17 5479
插入数据库时，存入当前日期，需要格式转换 import java.text.SimpleDateFormat; formatter = new SimpleDateFormat( "yyyy-MM-dd "); String date = formatter.format(new Date());//格式化数据，取当前时间结果为 2014-10-30 String格式的数据转化成Date格式 import java.text.SimpleDateFormat; formatter = new Simple
Date类对象与字符串的互相转换
热门推荐
tanxinji的博客
06-09 2万+
输出的时间可能对于我们早已习惯了年月日时分秒这样的格式，我们可以通过DateFormat类来调整输出当前时间的格式。通过DateFormat类中的format类来将date对象转换成想要的格式并且返回给一个字符串。直接使用Date类对象名输出，输出了当前时间，因为Date类覆盖重写了toString方法，无参构造函数调用了一个参数的构造函数，用到了System.currentMillis()静态方法获取当前时间。通过DateFormat类中的parse()方法就可以将字符串转换为Date类对象了，
时间类型转换为字符串 时间 Date类型转换为String类型
weixin_47056195的博客
08-31 592
Datel类型转换为String 类型 Date dd=new Date(); SimpleDateFormat sim=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String time=sim.format(dd); 格式化时间 SimpleDateFormat sim=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
jsp页面中利用EL表达式实现时间格式转换
dgz41976的博客
07-16 559
从数据库中取出的String类型的数据：2015-04-29 17:47:00.0 理想展现形式：2015-04-29　17：47 只需要两步就可以实现哦： first：引入标签库 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib uri="http://java.s...
el-date-picker由中国时间转换成格林尼治时间
weixin_45907770的博客
04-21 1011
在开发中用到了时间时间查询，查询之后发现筛选的不准，经过检查发现el-date-picker获取的时间是中国标准时间，而后端判断条件的时间是格林尼治时间，会有8个时间的时差，所以在获取到时间之后需要把时间由中国时间转换成格林尼治时间，处理方法如下。 html代码 <el-date-picker :disabled="noLimit" v-model="startTime" type="datetime"
el-date-picker更改时区 的后端解决方案
qq_50971078的博客
07-07 959
里面的String.valueOf(map.get(“startLine”)，为前端el-date-picker传来的数据，格式为2023-11-10T02:10:00.000Z，把时区改为了中国的时区，输出为String startDate，环境为java17。
将Date类型转换成String类型
weixin_34184158的博客
11-27 7856
这种转换要用到java.text.SimpleDateFormat类 字符串转换成日期类型： 方法1： 也是最简单的方法Datedate=newDate("2008-04-14"); //这种方法已经过时。。 方法2： SimpleDateFormatsdf=new...
java编程中String类型时间转化成Date类型
11-24
java编程中String类型时间转化成Date类型
C# string格式的日期时间字符串转为DateTime类型的方法
08-31
本文将详细讲解三种主要方法，帮助开发者将string格式的日期时间字符串转换为DateTime类型。 **方法一：Convert.ToDateTime(string)** 这个方法是最简单直接的转换方式，但需要注意的是，输入的字符串格式必须符合...
JavaScript通过Date-Mask将日期转换成字符串的方法
10-24
主要介绍了JavaScript通过Date-Mask将日期转换成字符串的方法,涉及javascript日期、数组及字符串操作的相关技巧,需要的朋友可以参考下
C#、.Net中把字符串(String)格式转换为DateTime类型的三种方法
09-03
当需要处理不同地区的日期时间格式时，`Convert.ToDateTime(string, IFormatProvider)`方法就派上用场了。`IFormatProvider`参数允许我们指定一个特定的文化信息，这样可以解析符合该文化习惯的日期时间格式。例如...
JS简单实现String转Date的方法
10-22
`Date`对象是JavaScript内置的对象之一，用于处理日期和时间。有时我们需要将字符串转换为`Date`对象，以便进行进一步的操作，如计算日期差、格式化日期等。本文将深入探讨如何使用JavaScript将字符串转换为`Date`...
【Pandas】datetime转换到string的三种方法
Allan_lam的博客
05-26 6671
三种方法将datetime转换为str，包括最灵活的.strftime()，因为日期格式可以自定义，和格式都是’%Y-%m-%d’（‘2023-05-26’）的.isoformat()和f'{}'
C# ToString()方法一些特殊用法
chenqi0701的专栏
09-24 5470
转帖:http://hi.baidu.com/crp8/blog/item/d19ab0cc131b8f1300e92869.html一、取中文日期显示1、年月日时分        currentTime.ToString("f"); //不显示秒 2、年月        currentTime.ToString("y"); 3、月日        currentTime.ToString("
C# DateTime转String
最新发布
^@^lemon tea^@^
11-18 2299
C# DateTime转String
jsp---el的格式化日期和字符串与日期之间的转化
qq_38345598的博客
06-22 699
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" import="java.util.*" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional/.
DateTime和String 转换
qq_41918045的博客
05-16 884
DataTime和String 转换 string格式化可以获得想要的任何形式 DateTime dt = DateTime.Now;//2020/5/10 22:42:43 //想要什么格式 format输入想要的格式 string str= string.Format("{0:yyyy-MM-dd}", dt);//2020-5-10 //定义的时候格式化 string dt2= DateTime.No
FormData 接口的append() 方法
Lingling_12356的博客
12-28 2万+
FormData 接口的append() 方法 会添加一个新值到 FormData 对象内的一个已存在的键中，如果键不存在则会添加该键。 FormData.set 和 append() 的区别在于，如果指定的键已经存在， FormData.set 会使用新值覆盖已有的值，而 append() 会把新值添加到已有值集合的后面。 提示： 这个方法在 Web Workers 中可用。 语法 这个方法有两个版本：一个有两个参数的版本和一个有三个参数的版本。 formData.append(name, value);
java中将date类型转化成String
07-28
// 使用SimpleDateFormat对象将Date对象格式化为String类型 String dateString = sdf.format(date); // 打印输出 System.out.println("Date转换为String后的结果为：" + dateString); } } ``` 在上面的示例中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值