-1

我正在尝试将 jasny 引导输入掩码应用于使用敲除进行数据绑定的文本输入。但是，直到您单击输入框，才会显示数据掩码。我不确定为什么。我希望输入掩码立即显示。这是小提琴。 http://jsfiddle.net/LkqTU/31938/

这是html

<div class="container">
  <table class="table table-condensed  table-hover">
    <thead>
      <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Phone</th>
      </tr>
    </thead>
    <tbody data-bind='foreach: employees'>
      <tr>
        <td data-bind='text: firstName'></td>
        <td data-bind='text: lastName'></td>
        <td>
          <input type="text" class="form-control" data-bind="value: phone" data-mask="999-999-9999">
        </td>
      </tr>
    </tbody>
  </table>
</div>

这是javascript。

function employee(firstName, lastName, phone) {
  this.firstName = ko.observable(firstName);
  this.lastName = ko.observable(lastName);
  this.phone = ko.observable(phone);

}

function model() {
  var self = this;
  this.employees = ko.observableArray("");
}

var mymodel = new model();

$(document).ready(function() {
  loaddata();
  ko.applyBindings(mymodel);
});

function loaddata() {
  mymodel.employees.push(new employee("Bob", "Jones", "7174569876"));
  mymodel.employees.push(new employee("Mary", "Smith", "3457892435"));
  mymodel.employees.push(new employee("Greg", "Black", "3557689800"));
}
4

1 回答 1

1

在应用了 Knockout 绑定之后，尝试在文档加载时初始化输入掩码：

$(document).ready(function () {
    loaddata();
    ko.applyBindings(mymodel);
    $('.form-control').inputmask({
      mask: '999-999-9999'
    })
});

一定要删除你的 data-mask 属性。

JS 小提琴示例

于 2016-09-30T00:24:07.293 回答