使用两个输入字段创建具有计算机属性(getter 和 setter)的 Date 对象 Ember JS

Posted

技术标签:

【中文标题】使用两个输入字段创建具有计算机属性(getter 和 setter)的 Date 对象 Ember JS【英文标题】:Using two input fields to create Date object with computer property (getter and setter) Ember JS 【发布时间】:2020-09-29 07:19:57 【问题描述】:

所以我在 html date-picker value=activeFromDate placeholder='Date' popperContainer='#alerts-settings'input value=activeFromTime type="time" placeholder='Time' id="appt" name="appt" class="time-picker" 中使用了两个输入字段。

一个以 10 位数字返回日期,一个以这种格式返回时间,例如)“09:23”。

我想使用带有自定义 getter/setter 的计算属性来创建 Date() 对象。

activeFromDate: computed('model.active_from', 
  get() 
    // If model.active_from currently exists and is a javascript Date object, extract the date number
    // from it to pass to the `date-picker` component
    if (this.get('model.active_from')) 
      return doSomethingToGetDateNumberFromTimestamp();
    
  ,
  set(key, value) 
    // When the `date-picker` component updates the value, create a new Date object in the alert model
    this.set('model.active_from', doSomethingToGetTimestampFromDateString());
    return value;
  
),

activeFromTime...,

modal.active_from 是需要保存日期和时间的位置。

【问题讨论】:

【参考方案1】:

我认为最好使用 moment 来满足您的时间数学需求。这里有一个方便的 ember 包装器:https://www.npmjs.com/package/ember-moment

moment api 将拥有满足您两种需求的方法

【讨论】:

以上是关于使用两个输入字段创建具有计算机属性(getter 和 setter)的 Date 对象 Ember JS的主要内容,如果未能解决你的问题,请参考以下文章

Kotlin类的初始化 ① ( 成员属性 | Kotlin 自动为成员字段生成 getter 和 setter 方法 | 手动设置成员的 getter 和 setter 方法 | 计算属性 )

DatabaseException:找到两个具有冲突区分大小写的getter或字段

OroCommerce 如何为产品表的新字段查找 Getter 和 Setter

pydantic:对具有别名的字段使用 property.getter 装饰器

如何将两个输入创建为一个表单字段并专门在 Angular Material 中应用样式?

具有完全自定义 getter 和 setter 的属性的“弱”和“复制”属性