Angularjs - 顯示當前日期並將其保存在表格中

我在angularjs中獲得了一個視圖，我只是試圖顯示當前日期。Angularjs - 顯示當前日期並將其保存在表格中

HTML

<input type="text" class="form-control" ng-model="lis.ModifiedDate" id="ModifiedDate">

app.js

$scope.ModifiedDate = $filter("ModifiedDate")(Date.now(), 'yyyy-MM-dd');

能否請您幫助我在這裏，我想顯示默認的日期和保存其放在桌子上。

來源

2015-01-21 ninjaXnado

做ü需要顯示在文本框中的過濾日期日期？ – 2015-01-21 09:35:31

@ K.Toress是的，我想那 – ninjaXnado 2015-01-21 09:44:44

變化的控制器，

$scope.ModifiedDate = $filter("date")(Date.now(), 'yyyy-MM-dd');

不要忘記在控制器

和HTML注入$filter，你需要使用ModifiedDate而不是lis.ModifiedDate將值綁定到文本框。

<input type="text" class="form-control" ng-model="ModifiedDate" id="ModifiedDate">

這裏是一個樣本Plunker

來源

2015-01-21 09:50:18

非常感謝Toress現在的工作 – ninjaXnado 2015-01-21 10:04:19

Toress我的問題，當我保存日期我的C＃代碼保存錯誤的日期不是默認日期 – ninjaXnado 2015-01-23 06:39:35

是你發送'$ scope.ModifiedDate'值到後端？ – 2015-01-23 07:34:19

好的。你要求的是如何格式來自ng-bind的數據並且還要編輯它。你需要做的是鮮爲人知稱爲格式化：

How to do two-way filtering in angular.js?

您需要定義讀取和寫入格式化的日期功能。這實際上很簡單，但Date（）很好地解析日期格式。你不能只使用過濾器來做到這一點。

或者，如果您對該字段中的長日期格式感到滿意，您可以編輯該格式，並將其更新爲正常綁定值。漂亮精緻，但 - 見plunkr：

http://plnkr.co/edit/MPfGoNsG74rAV6UuvBKk?p=preview

<body ng-controller="MainCtrl"> 
    <p>Edit the date in the input:</p> 
    <input ng-model="boundDate"> 
    {{boundDate | date : 'yyyy-mm-dd'}} 
    </body> 

app.controller('MainCtrl', function($scope, $filter) { 
    $scope.boundDate = new Date(); 
});

來源

2015-01-21 09:31:23

確定它現在顯示，但新西蘭我想將它保存到一個領域，所以如何鏈接領域與我顯示的日期 – ninjaXnado 2015-01-21 09:38:01

更新它，這是你的意思？ – 2015-01-21 09:38:57

我想在文本框中顯示日期，然後將日期保存到我的表 – ninjaXnado 2015-01-21 09:48:02

使用瞬間的js它可以轉換日期爲需要的格式

$ scope.formattedDate =時刻（新的Date（））。格式（「YYYY-MM- DD「）;

在您直接使用HTML {{formattedDate}}它顯示在YYYY-MM-DD格式

來源

2015-01-21 09:58:32

非常感謝您的迴應。 Toress正確地工作 – ninjaXnado 2015-01-21 10:07:09

Angularjs - 顯示當前日期並將其保存在表格中

回答

相關問題