如何在角度2的ngx-mydatepicker中添加文本掩码?

时间:2018-02-14 07:25:09

标签: angular typescript

我正在使用ngx-mydatepicker作为日期字段。我需要在该代码中添加text-mask。当我试图添加时,我收到一个错误,因为“多个自定义值访问器与具有未指定名称属性的表单控件匹配”。

如何立即添加文字掩码?我使用angular2-text-mask npm作为文本掩码。它适用于其他输入字段。但不是在ngx-mydatepicker日期字段

1 个答案:

答案 0 :(得分:2)

我试图找出相同的结果,但是当我搜索错误时,我看到有人说,克服此错误是not able。 所以当你找不到问题的解决方案时,总是去找香草。

<强>解决方案:

在项目中添加Mask Helper

@SpringBootTest
class MyEventIntegrationTest extends Specification {

    @Autowired
    JmsTemplate jmsTemplate

    def "My event is successfully handled"() {

        given:
        def event = new MyEvent()

        when:
        jmsTemplate.convertAndSend("events", event)
        // sleep(200)

        then:
        1 == 1
    }
}

在您的组件中:

export function MaskedDate(event: any) {
  var v = event.target.value;
  if (v.match(/^\d{2}$/) !== null) {
    event.target.value = v + '/';
  } else if (v.match(/^\d{2}\/\d{2}$/) !== null) {
    event.target.value = v + '/';
}
}

声明组件中的属性:

import { MaskedDate } from './helpers/mask.helper';

在你的组件html中:

  dateMask = MaskedDate;

你仍然可以将text-mask用于其他输入,没问题。