如何在角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形式中使用日期选择器。

回答

相关问题