当前位置: 首页 > 面试题库 >

AngularJS在ng-model中获取格式化日期

吴俊晤
2023-03-14
问题内容

我有以下由时间戳记中的模型值填充的文本输入:

<input type="datetime" ng-model="workerDetail.dateOfBirth"  class="form-control" id="date_of_birth" />

它将输入值显示为给定的时间戳。

我想将输入中可见的值转换为格式化日期(YYYY / MM / DD),但在模型中应始终将其作为时间戳记。

我试图通过这种方式做到这一点:

{{workerDetail.dateOfBirth | date:'MMM'}}

但是没有运气。

感谢您的任何建议。


问题答案:

您可以尝试过滤器

的HTML

<input type="datetime" ng-model="mydateOfBirth"  class="form-control" id="date_of_birth" />

控制器JS

$scope.$watch('mydateOfBirth', function (newValue) {
    $scope.workerDetail.dateOfBirth = $filter('date')(newValue, 'yyyy/MM/dd'); 
});

$scope.$watch('workerDetail.dateOfBirth', function (newValue) {
    $scope.mydateOfBirth = $filter('date')(newValue, 'yyyy/MM/dd'); 
});


 类似资料:
  • 问题内容: 我有一个输入定义为 将其显示在页面的其他位置: 当页面加载时,出生日期的格式很好,类似于。但是,当我查看我的内部时,它显示为我猜想的是JS如何将对象呈现为字符串。 首先,我如何告诉Angular将日期显示为?我似乎无法在属性内应用。 其次,一旦我编辑了日期,即使将其保留为原始格式,我的其他文本(位于中)似乎也不再应用过滤器;它突然更改了格式以匹配输入文本框的格式。如何在每次模型更改时应

  • 问题内容: 我在我的角度应用程序中使用引导日期选择器。但是,当我从绑定的该日期选择器基础ng模型中选择一个日期时,该日期会更新,我希望该ng模型以一种“ MM / dd / yyyy”日期格式显示。但是每次都会这样约会 代替 我为相同的plunkr链接创建了一个plunkr 我的HTML和控制器代码如下 角度控制器 在此先感谢您审查我的问题。 更新 我在下面调用发布数据的方法,VAR是大小为900

  • 问题内容: 如何在AngularJS中正确显示日期和时间? 下面的输出同时显示输入和输出,带有和不带有AngularJS日期过滤器: 打印: 所需的显示格式为 或 问题答案: v.Dt可能不是Date()对象。 参见http://jsfiddle.net/southerd/xG2t8/ 但在您的控制器中:

  • 问题内容: 我有以下HTML 这是由以下对象与国家/地区列表馈赠的 当我更改下拉列表值时,我期望在filterByCountry函数中更新我的模型($ scope.country),但不是。我在这里想念什么? 问题答案: 在该处理之前触发实际更新。如果您想在每次更改时都被解雇(而不是仅在下拉列表更改时被解雇),则应使用以下代码: 我总是发现,在可能的情况下,对我的事件而不是DOM事件的更改做出反应

  • 问题内容: 我正在使用bootstrap-datetimepicker和ISO8601 datetime格式,如其选项部分所述 在我的控制器中 它以(console.log)将数据发送到后端 并保存为数据库 在我的模板中 我在HTML上看到的输出为 但是根据Angular doc,它应该用于格式 我想念的是什么? 问题答案: 现在,我已经创建了一个过滤器 作为依赖项添加为 并用作 并将日期显示为

  • 问题内容: 在用户更改日期之前,日期输入不会显示日期 jsbin中的示例代码 我需要它才能在稳定的1.2.14版本上工作。可能吗? 问题答案: 我创建了一个简单的指令,以使标准表单元素能够与AngularJS〜1.2.16一起正常工作。 请查看此处以获取详细信息:https : //github.com/betsol/angular-input-date 这是演示:http : //jsfiddl