如何在角JS形式中使用日期選擇器。

如何在angularJS表單中添加日期選擇器，我有一個表單並且想要使用日期選擇器日曆。所以在從日曆中選擇日期後，它會在現場填充。如何在角JS形式中使用日期選擇器。

2014-11-05 Anshul

你能提供給我們你的代碼嗎？ – 2014-11-05 11:41:54

現在我沒有任何代碼。但我必須做一個註冊表單並在其中添加日期選擇器，以便將值保存在數據庫中。@ Artyom – Anshul 2014-11-05 11:45:10

你可以將用戶的角度，UI datapicker

<div style="display:inline-block; min-height:290px;"> 
    <datepicker ng-model="dt" min-date="minDate" show-weeks="true" class="well well-sm"></datepicker> 
</div>

請經過下面的鏈接 http://angular-ui.github.io/bootstrap/

它具有我們需要

你需要下載bootstrap.css所有角度的控制， ui-bootstrap js和其他依賴項。你也是你的模塊中添加庫像下面

angular.module('myModule', ['ui.bootstrap']);

你需要做的一切這裏給出的是：http://angular-ui.github.io/bootstrap/

來源

2014-11-05 11:45:14

你好，它不工作。可以提供其他解決方案。或者整合日期選取器的代碼和控制。？Nitu Bansal – Anshul 2014-11-05 12:20:20

您是否下載了這個所需的js？ – 2014-11-05 12:22:18

我通過鏈接在線導入它@ Nitu Bansal – Anshul 2014-11-05 12:33:18

我的一個真正喜歡的是：https://github.com/adamalbrecht/ngQuickDate

最小的有和沒有依賴關係。

如果你想自己嘗試一下，看看別人是如何做到的。 基本上你會暴露範圍到一個指令，並從那裏操縱它。

來源

2014-11-05 11:47:00 petur

您能否在angularJS及其控制器中編寫一個簡單的日期選擇器代碼？@petur – Anshul 2014-11-05 12:22:14

-1

這是對我最好的https://720kb.github.io/angular-datepicker/

看起來那麼好並能正常工作

編輯：

您可以使用日期選擇器角。

你可以做到這一點是HTML

<div ng-app="myApp"> 
    <div ng-controller="Ctrl as ctrl"> 
    <input datepicker type="text" ng-model="myDate"/> 
    </div> 
</div>

，這對JavaScript的

var app = angular.module('myApp', ['720kb.datepicker']); 

app.controller('Ctrl', ['$scope', function ($scope) { 
    var liveDate; 

    $scope.$watch('myDate', function (value) { 
    try { 
    liveDate = new Date(value); 
    } catch(e) {} 

    if (!liveDate) { 

     $scope.error = "This is not a valid date"; 
    } else { 
     $scope.error = false; 
    } 
    }); 
}]);

而且記得要加庫。希望能爲你工作

來源

2017-02-03 14:53:59 Javier

如何在角JS形式中使用日期選擇器。

回答

相關問題