Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/c/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 有没有一种方法可以将输入绑定到我的模型,并在两者之间设置一个日期过滤器?_Angularjs - Fatal编程技术网

Angularjs 有没有一种方法可以将输入绑定到我的模型,并在两者之间设置一个日期过滤器?

Angularjs 有没有一种方法可以将输入绑定到我的模型,并在两者之间设置一个日期过滤器?,angularjs,Angularjs,在my AngularJS应用程序中,用户可以在其中输入日期: <input data-ng-model="modal.data.published" /> 为指令提供API: 使用$formatters格式化模型->视图中的值 使用$parsers对视图中的值进行格式化和验证 以下是一份: 标记: <input type="text" nice-date data-ng-model="modal.data.published" /> 我刚刚展示了一个基本示例

在my AngularJS应用程序中,用户可以在其中输入日期:

<input data-ng-model="modal.data.published" />
为指令提供API:

  • 使用
    $formatters
    格式化模型->视图中的值
  • 使用
    $parsers
    视图中的值进行格式化和验证
以下是一份:

标记:

<input type="text" nice-date data-ng-model="modal.data.published" />


我刚刚展示了一个基本示例,您还应该添加自定义验证。

Ilan-谢谢。我将对此进行调查,尝试并更新
app.directive('niceDate', function($filter){
  return {
    require: "ngModel",
    link: function(scope,elm,attrs,ngModel){
      ngModel.$formatters.push(function(val){
        return $filter('date')(val,"yyyy-MM-dd");
      });
      ngModel.$parsers.push(function(val){
        return $filter('date')(val,"yyyy-MM-dd") + "T00:00Z";
      })
    }
  }
})
<input type="text" nice-date data-ng-model="modal.data.published" />