用eleme框架选出来的日期是object,需要转换格式才能添加进数据库

在使用Eleme框架时,如果日期字段fddDateE为对象类型,需要将其转换为'yyyy-MM-dd'格式并添加' 23:59:59'后缀,以便能正确存入数据库。转换过程包括使用`$util.formatDate.format()`方法对日期对象进行格式化。
摘要由CSDN通过智能技术生成

    if(typeof(this.editForm.fddDateE)=='object'){
        this.editForm.fddDateE = this.$util.formatDate.format(this.editForm.fddDateE,'yyyy-MM-dd') //转出2017-12-12
        this.editForm.fddDateE = this.editForm.fddDateE+' 23:59:59'
    }


    //object的用这个
    format: function (date, pattern) {
        pattern = pattern || DEFAULT_PATTERN;
        return pattern.replace(SIGN_REGEXP, function ($0) {
            switch ($0.charAt(0)) {
                case 'y':
                    return padding(date.getFullYear(), $0.length);
                case 'M':
                    return padding(date.getMonth() + 1, $0.length);
                case 'd':
                    return padding(date.getDate(), $0.length);
                case 'w':
   
在Vue.js中结合Element UI (Eleme) 使用`el-date-picker`组件时,有时需要处理日期时间格式转换Element UI 的日期选择器默认使用的是 `yyyy-MM-dd HH:mm:ss` 格式,如果你想要定制输入或显示的时间格式,可以借助Vue的特性和Moment.js库来实现。 首先,你需要安装Moment.js库,因为它提供了一套强大的日期解析和格式化工具: ```bash npm install moment ``` 然后,在Vue组件中引入并实例化: ```javascript import Vue from 'vue'; import Moment from 'moment'; Vue.use(Moment); ``` 接下来,你可以创建一个计算属性(computed property)来格式化和反格式日期: ```javascript export default { data() { return { customFormat: 'YYYY-MM-DD HH:mm', // 自定义的时间格式 }; }, computed: { formattedDate: { get() { let date = this.myDatePickerValue; // 假设myDatePickerValue是从el-date-picker获取到的值 if (date) { return Moment(date).format(this.customFormat); // 格式日期 } return ''; }, set(value) { this.myDatePickerValue = Moment(value, this.customFormat).toDate(); // 反格式化输入的值 }, }, }, }; ``` 在模板上,你可以这样展示和接收用户输入: ```html <template> <el-date-picker v-model="formattedDate" type="datetime" placeholder="选择日期时间" :picker-options="{ format: customFormat }" // 将自定义格式传给日期选择器 ></el-date-picker> </template> ``` 当用户输入时间时,`set`方法会把格式化的字符串转换回原始日期对象,反之亦然。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值