如何在angularjs中为自定义指令指定日期？
在AngularJS中为自定义指令指定日期，可以通过以下步骤实现：
- 首先，在自定义指令的模板中添加一个日期选择器或输入框，用于用户选择日期。
- 在指令的链接函数（link function）中，使用AngularJS的内置指令
ngModel来绑定日期选择器或输入框的值到指令的作用域变量。 - 在指令的链接函数（link function）中，使用AngularJS的内置指令
ngModel来绑定日期选择器或输入框的值到指令的作用域变量。 - 在指令的链接函数中，可以进一步处理用户选择的日期，例如将其格式化、验证等。
- 在指令的链接函数中，可以进一步处理用户选择的日期，例如将其格式化、验证等。
以上是在AngularJS中为自定义指令指定日期的基本步骤。根据具体需求，你可以进一步扩展指令的功能，例如添加日期范围限制、自定义日期选择器样式等。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。你可以根据具体需求选择适合的产品。详细的产品介绍和文档可以在腾讯云官方网站上找到。
相关·内容
我试图从一个角度页面更新数据库的日期字段。我无法将修改日期绑定到数据库。item.ReimbDatehas设置为旧值。
我正在使用引导日期选择器。
<input type="text" class="datepicker input-small date" ng-model="item.ReimbDate" id="ReimbDate" name="ReimbDate" placeholder=""/>
有人能帮我解决这个问题吗？
注意:我是第一次接触Angular JS。
浏览 4提问于2013-08-21得票数 1
2回答
我使用了一个this datePicker：和AngularJS，如下所示：
<div class='col-md-2'>
<div class="form-group">
<label>End date</label>
<div class='input-group date' id='endDate' data-date-format="YYYY-MM-DD">
<input type='text'
浏览 4提问于2014-05-24得票数 0
回答已采纳
2回答
我正在将一个优秀的HTML主题转换成一个Angularjs应用程序。我已经加载了并使其正常工作，但是主题使用自定义的Jquery逻辑来控制滑块的布局。
我已经创建了一个包含Jquery逻辑的自定义指令，它大部分都在工作。唯一的问题是，自定义指令在角挠性滑块指令之前触发，并获取标签{img.src}而不是图像URL。
我已经查找了指令优先级设置，但没有任何运气。
在执行之前，强制自定义指令等待角-挠曲滑块指令完成DOM操作的正确方法是什么？
编辑：
下面是弹性滑块指令的HTML。我的指令(flex-slide)需要应用于li元素。该指令可以工作，但是img-src作为{{slide.src}}传
浏览 6提问于2015-03-25得票数 0
回答已采纳
我的日期是"2017-04-03 05:00:07“。我要确认一下日期是今天的日期。如果是今天的日期，我需要显示为今天或时间。
如果昨天需要显示为昨天或日期显示为"MMM dd“
如果是上个月或今年，则为"MMM dd“。
如果是去年，则为dd/mm/yyyy
我试着使用一个指令像这样显示，但这对我不起作用。
还有别的办法吗？
app.directive('myDirective', function($filter) {
return {
restrict: "A",
scope: {
myDirecti
浏览 0提问于2017-04-26得票数 0
现在我使用camelcase指令名，如下所示
<code-input:text></code-input:text> (or)
<code-input-text></code-text-input>
我可以像这样使用自定义的目录名和属性，
<code-input:text dirType="text" labelHead="Code" dirName="Code" dirId="code" dirClass="form-control" dirModel
浏览 2提问于2015-09-28得票数 0
回答已采纳
我有这样的设置：
控制器c广播事件e
指令d侦听e，并在e上通过追加写入DOM，并在此过程中创建指定指令d2的新元素。
IE：element.append('<directiveTwo ...>')
指令two从不被角调用
当我检查DOM (和调试)时，我看到Controller c和指令d正在执行它们的工作，并且我有了新的directiveTwo元素。
少了什么？在动态创建这些元素之后，需要做些什么来触发指令2调用？
浏览 0提问于2013-11-17得票数 41
回答已采纳
我有一个函数，它需要将$event obj作为参数传入。当我使用ng-click调用该函数时，它工作得很好。但是，现在我被告知要将函数更改为自定义指令。但是现在我不知道如何在每次单击包含自定义指令的元素时访问$event对象。有什么建议吗？到目前为止，我已经知道了这一点，但是控制台日志给了我一个未定义的东西。
(function () {
angular.module(APPNAME)
.directive('clickTracker', clickTracker);
function clickTracker() {
浏览 0提问于2016-07-04得票数 0
2回答
我正在尝试创建一个动态表单，我可以在其中输入hh:mm:ss格式的持续时间。
我希望将该值存储为秒。
我没有看到允许持续时间样式时间(仅日期)的角度输入类型，所以我似乎要么使用固定日期并仅从该日期提取以秒为单位的时间，要么使用3个单独的数字字段(hh，mm，ss)并具有包含转换后的秒的隐藏字段。
有什么简单的方法可以实现第二种方法吗？我看不到必须创建第二个作用域来存储这些临时值，或者在我提交表单时将它们从作用域中清除。
浏览 4提问于2014-10-12得票数 0
我试图创建一个指令：
return {
restrict: 'A', // Attribute Directive
ngModel: '^ngModel',
scope: {
'ngModel': '='
},
link: function ($scope: ng.IScope, element, attrs, ctrl) {
var d
浏览 2提问于2013-11-05得票数 0
回答已采纳
是否可以将整个AngularJs应用程序的时区定义为UTC？
我希望避免设置属性
ng-model-options="{timezone: 'UTC'}"
因为我必须定义它，每次我必须声明一个输入日期
<input type="date" ng-model="value" ng-model-options="{timezone: 'UTC'}">
谢谢
浏览 1提问于2016-01-06得票数 0
2回答
我已经创建了一个小的演示，当我需要打开一个角度的模态窗口时使用。使用指令作为模态窗口模板。
我不确定的是如何将数据/函数传递到模型中。
打开控制器：
$scope.openModal = function($event){
$scope.items = [1,2,3,4,5];
$scope.modalInstance = $modal.open({
template: '<modalwindow></modalwindow>',
scope:$scope,
浏览 3提问于2013-10-24得票数 0
回答已采纳
全部：
我是AngularJS指令范围的新手，我想知道当多个孤立的作用域指令分配给同一个元素时，AngularJS是如何处理作用域的。
例如：
app.controller("main", function($scope){
$scope.data = [
{
id:"id_1"
},
{
id:"id_2"
},
{
id:"id_3"
},
浏览 3提问于2015-06-11得票数 0
回答已采纳
3回答
如果我将许多指令应用于AngularJS中的一个元素，它们将按什么顺序执行？
例如：
<input ng-change='foo()' data-number-formatter></input>
将首先触发数字格式化程序或change事件。它是确定性的吗？
浏览 2提问于2015-05-27得票数 4
我想在ng-repeat中呈现不同的html模板(绑定到一个模型)。
<div ng-repeat="section in sections | filter:unansweredSections">
// Here i want something like
if section == children
render div#children
else if section == work
render div#work
</div>
<div style="display:
浏览 0提问于2013-01-21得票数 2
回答已采纳
我有一个包含日期输入和选择元素的表单，
我尝试使用ngChange，但是我发现它在处理日期错误时不太有用。
因此，我试图在指令中为每个输入.$ error设置一个观察者，以便向用户显示错误消息。
我的指令：
module.directive('validator', [function() {
return {
restrict: 'A',
require: 'ngModel',
link: function(scope, elem, attr, ctrl) {
scope.input = ctrl;
浏览 7提问于2017-01-24得票数 1
回答已采纳
2回答
我正在尝试使用angular UI表带日期选择器。如何从datepicker中选择多个日期并以数组形式返回值。
浏览 1提问于2013-05-30得票数 9
3回答
我正在尝试创建一个弹出程序并直接从控制器加载内容到其中。
我可以使用来自这个flag的指令成功地将绑定到工具提示中，但是popover继续显示flag的初始值，即使我用第二个按钮更改了flag的值。
重点是，我希望弹出程序的内容与控制器中的变量一起进行修改。
我怎么才能玩这个把戏？
以下是指令：
var app = angular.module('plunker', []);
app.directive('popover', function($compile, $timeout){
return {
restrict: 'A',
li
浏览 6提问于2015-05-11得票数 2
回答已采纳
我使用指令来显示一些日期字段。然而，大多数时候，我需要相同的设置:我希望它来与一个弹出式和弹出式按钮，我还想为文本的德国名字。这确实为按钮、文本和格式一遍又一遍地创建了相同的代码，因此我编写了自己的指令，以防止自己重复自己。
使用我的指令。然而，我似乎做错了。如果您使用日期选择器选择日期，使用的是“日期1”日期选择器，而不使用我的指令，则一切正常。我希望Date 2也是这样，但它不是根据我在输入字段中提供的模板(或我期望的任何其他值)显示日期，而是显示date对象的.toString()表示形式(例如Fri Apr 03 2015 00:00:00 GMT+0200 (CEST))。
以下是我
浏览 79提问于2015-04-10得票数 50
回答已采纳
每当我在互联网/文档上看到有关传单的时候，我都会看到这类声明，例如：
var map = L.mapbox.map('map', { zoomControl:false });
什么意思？
我如何将它集成到Angularjs中呢？
P.S.：html-传单标签
<div id="map">
<leaflet class="leafletmap" markers="markers" lf-center="center"
height="300px" width="785px&
浏览 3提问于2016-04-27得票数 0
回答已采纳
1回答
我很难理解:如何动态地向元素/ DOM添加依赖于样式的媒体(查询)？
以下是我遇到的问题：
1)我知道AngularJS不能在指令中操纵像<style> {{myMediaQueryStyles}} </style>这样的标记。
2)插入为内联样式的媒体查询与ng-style也不起作用
我有下面的view-model.json
{
"id":"936DA01F-9ABD-4D9D-80C7-02AF85C822A8",
"contexts":[
"@media (max-width:
浏览 3提问于2013-11-12得票数 8
回答已采纳
2回答
我正在尝试显示按日期排序的手风琴列表。此日期为JSON格式，对用户不友好。但是，如果我按我想要的方式格式化它，我就不能再使用它来对列表进行排序。
.controller('WarningsCtrl', function ($scope, HttpService) {
HttpService.getWarnings()
.then(function (res) {
for (var i = 0; i < res.length; i++){
//converts json date (2017-01-25T16:10
浏览 18提问于2017-01-31得票数 0
回答已采纳
1回答
我正在研究一个Facebook和angularJS。我有一个麻烦，如何动态加载Facebook嵌入文章的角度模板。
在请求Ajax成功之后，它没有显示任何东西
<div class="fb-post" data-href="{{EmbedPostUrl}}" data-width="500"></div>
知道吗？
浏览 1提问于2015-07-15得票数 0
回答已采纳
有什么方法可以删除角度材质组件(如复选框、选择和日期选择器)和enter按键事件之间的交互吗？
<md-checkbox>
check
</md-checkbox>
下面是一个真实示例的。
任何帮助都将不胜感激。
谢谢。
浏览 1提问于2018-05-25得票数 0
2回答
在angularJS上看约会可以吗？我有一个ng模型，其中包含一个日期，我想看它，所以当它的变化，月，年或日，我收到通知。
scope.$watch('ngModel',function(newVal){
console.log(newVal);
},true);
我有一个控制器，在该控制器中，我将日期对象交给指令。现在我想看那个约会对象。
module.directive('Datepicker',function(){
return {
restrict:'E',
scope:{
ngModel:"="
浏览 1提问于2015-04-20得票数 3
回答已采纳
6回答
在AngularJS中添加指令
、、、、
我试图构建一个负责的指令，将更多的指令添加到它所声明的元素中。例如，我想构建一个指令，负责添加datepicker、datepicker-language和ng-required="true"。
如果我尝试添加这些属性，然后使用$compile，我显然会生成一个无限循环，所以我正在检查是否已经添加了所需的属性：
angular.module('app')
.directive('superDirective', function ($compile, $injector) {
return {
restrict: '
浏览 1提问于2013-10-07得票数 199
回答已采纳
3回答
我对angularjs比较新，很难理解定制指令示例和发布的博客。
我们使用它的原因以及自定义指令的用法。(使用内置指令很容易理解和使用)
可以根据我们的需要编写我们自己的自定义指令吗？
角js中的自定义指令需要什么？
浏览 3提问于2014-02-18得票数 1
回答已采纳
1回答
我正在努力学习AngularJS，我有一个问题/概念，我很难理解。
以我创建的以下演示代码为例：
js
var app = angular.module('customerPortalApp', ["ui.router"]);
app.config( function($stateProvider, $urlRouterProvider){
// For any unmatched url, send to /route1
$urlRouterProvider.otherwise("/route1");
$
浏览 4提问于2013-11-22得票数 0
回答已采纳
我想使用angularjs对日期输入进行验证，但我遇到了一个似乎需要的行为，但我并不真正理解它的目标。
当您选择了一个无效的日期(因为它不存在，或者因为它超出了期望的范围)，那么ng-model后面的字段就会被销毁。
这是一个显示问题的闪烁：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-date-input-directive-production&l
浏览 0提问于2016-01-21得票数 2
2回答
我是AngularJS的新手，但从我目前所看到的和所做的来看，它是令人惊叹的。我想要做的是在一个AngularJS属性中有一个HTML，但是要将它与另一个字符串连接起来。我要做的主要地方是classes &id，因为我喜欢有"thisform“和"thisdivid”等名称。我的页面中的一个示例元素是：
<input type="checkbox"
name="tdl_task[]"
data-ng-checked="list.default"
id="tdl_task_{{ id }}&#
浏览 0提问于2013-08-30得票数 2
回答已采纳
1回答
通过在tr元素中使用ng-change和ng-repeat，我创建了一个简单的多选择，而没有扩展ui引导。我能够选择多个日期并将所有日期推入一个表数组中。但是删除该项的splice()和清空数组的pop()根本不起作用。
下面是通过扩展引导支持multiselect的链接
我的控制器：
angular.module('app', ['gm.datepickerMultiSelect'])
.controller('AppCtrl', function() {
this.activeDate;
this.selectedDates = [n
浏览 4提问于2015-08-05得票数 1
回答已采纳
1回答
我正试图用AngualarJS (我是全新的)来处理继承和可重用的小部件，并且非常希望有人能帮助解决我的问题：
我有一个两页(路由)的应用程序。这两个页面都需要用户可配置，无论是在要显示哪些小部件时，还是对于表小部件而言，都需要进行配置，以便选择它们所持有的数据的哪些列。
我要做的是，在页面加载时，从REST中获取特定于用户的JSON配置。这个JSON看起来如下所示：
{
"widgets": [
{ "type":"TableWidget", "columns":["title", "fr
浏览 1提问于2014-11-13得票数 0
回答已采纳
当我看到angularJS API指南时，我碰巧看到AngularJS优先级在400处执行。为什么这是如此具体，我们可以使用“优先级属性”覆盖这个优先级吗？
<ng-include
src="string"
[onload="string"]
[autoscroll="string"]>
</ng-include>
浏览 6提问于2015-08-28得票数 0
回答已采纳
基本上，我在我的angular应用程序中有一个可编辑的日期字段，当该字段未被选中时，它会显示给用户，如：mm/dd/yyyy
但我想向用户显示为：dd/mm/yyyy。字段未选中时，在何处将显示格式设置为用户？
浏览 0提问于2015-03-21得票数 1
1回答
AngularJS可以做的一件有趣的事情是对特定的数据绑定表达式应用过滤器，这是一种方便的方法，例如，应用特定于文化的货币或模型属性的日期格式。在作用域上有计算属性也很好。问题是这两个特性都不适用于双向数据绑定场景--只有从作用域到视图的单向数据绑定。这似乎是一个很好的库中的一个明显的遗漏--或者我错过了什么？
在中，我可以创建一个读/写计算属性，它允许我指定一对函数，其中一个函数被调用来获取属性的值，另一个函数在设置属性时被调用。例如，这允许我实现文化感知输入-让用户输入"$1.24“并将其解析为ViewModel中的浮点数，并将ViewModel中的更改反映在输入中。
我能找到的与
浏览 2提问于2012-07-24得票数 124
回答已采纳
对于我的应用程序使用的各种视图使用单独的样式表，正确/可接受的方式是什么？ 目前，我在顶部的view / partial的html中放置了一个链接元素，但是我已经被告知这是不好的做法，尽管所有现代浏览器都支持它，但我可以看出它为什么会被折磨。 另一种可能是将独立的样式表放在我的index.html中，head但是我希望它只在样式表的视图以性能名称加载时才加载样式表。 这是不好的做法，因为直到从服务器加载css之后，样式才会生效，导致在慢速浏览器中快速闪烁未格式化的内容？尽管我在本地进行测试，但我还没有目睹这一点。 有没有办法通过传递给Angular的对象加载CSS $routeProvide
浏览 213提问于2018-03-23
回答已采纳
最近，我遇到了一个关于我的分页的错误，在过滤之后不能更新。幸运的是，这是被管理的，然而，现在我正在处理一个关于ui-bootstrap用法的冲突。因为我有我的项目，我正在使用，
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
根据我转播的他们使用的代码，
<script src="angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.2.0.js"; type="te
浏览 1提问于2015-02-25得票数 0
我正在尝试使用ng-repeat、ui路由器和来自json文件的数据来制作一个动态菜单。这是我的navbar.html
<ul class="nav navbar-nav" ng-controller="NavBarCtrl">
<div ng-repeat="item in navbarlist">
<li><a ui-sref="item.title" ui-sref-active="active">{{item.title}}<
浏览 1提问于2017-02-06得票数 0
我正在尝试动态添加ng单击，我知道如何在Jquery中实现它，但不知道如何在AngularJs中这样做。我的代码在画布上绘制了一系列的点，我希望每个点都是可点击的，我不知道如何在角度上这样做。
AngularJS代码：
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
$scope.data = [
[21,50],
[30,150],
[45,75],
[9
浏览 1提问于2015-12-18得票数 0
回答已采纳
我有一个时间戳列表。我可以用AngularJS把它们列出来。但是，我想将其作为日期字符串列出。这些日期字符串应该是可编辑的-当它完成时，我希望相关的时间戳也更新。
我的第一个问题是:以不同格式(过滤器)呈现项目的AngularJS方式是什么？并且仍然拥有双向数据绑定？(模块、指令、监听器？)
谢谢
浏览 2提问于2013-03-30得票数 3
回答已采纳
我在angularJS中使用了一个数据报警器指令。下面是我的指令代码。它工作得很好，当我在div.now中添加datepicker指令时，它会显示数据报警器，当我在控制器中发送数据时，我想以我的形式使用选定的日期，然后从控制器通过$http将它传递给php。当我检查php中的数据时，它不会显示日期。Rest所有字段工作正常，只有使用指令创建的字段没有显示值。我正在粘贴指令、控制器和表单的代码。
app.directive('datepicker', function () {
return {
restrict: 'A',
浏览 1提问于2015-05-08得票数 2
回答已采纳
有没有办法在两个不同的条件下使用内置的验证器来验证asp.net文本框中的输入？文本框与日期选择器一起使用，目前我有这样的RegularExpressionValidator来验证：
<asp:TextBox ID="tbStartDate" runat="server" Width="100" CssClass="TextCompact">yyyy</asp:TextBox>
<asp:HyperLink ID="hlStartDate" runat="server"
浏览 1提问于2013-02-23得票数 0
2回答
我在我的网页上有10个输入，其中4个输入需要日期(出生日期，购买日期等)，我有自己的自定义日历。目前我正在重复下面的代码，所有4个输入都需要日期，有没有什么有效的方法可以不重复
浏览 0提问于2017-05-21得票数 1
使用AngularJS，我尝试使用输入type=date显示日期
<input ng-model="campaign.date_start" type="date">
但是，这会产生以下错误：
Error: error:datefmt
Model is not a date object
日期实际上来自JSON，格式如下：
date_start": "2014-11-19"
我认为我可以通过使用过滤器来解决这个问题，但是这是行不通的，我得到了同样的错误：
<input ng-model="campaign.da
浏览 6提问于2014-11-06得票数 34
回答已采纳
1回答
ui.bootstrap附带的'accordion‘指令能够从'accordion-heading’元素获取标题数据。内容的其余部分呈现为手风琴正文。我想用我的指令做一些类似的事情。
我如何在angular中实现这一点？
浏览 1提问于2015-07-03得票数 0
我正在构建一个web应用程序，它将有大约6个不同的“小部件”，这些小盒子执行各种功能，用户可以在页面上添加、删除和定位这些功能。每个用户将有一个不同的小部件集和位置。
我的经验主要是使用jQuery，如果我像以前那样制作应用程序，我会使用jQuery ($("<div>", {class:"widget"})等)生成小部件并将它们添加到页面中。我很想摆脱jQuery，因为我知道还有很多其他有趣的框架。
从我所读到的关于AngularJS的文章来看，如果开发人员在创建应用程序时知道页面的结构，它看起来会更有用。它很好地分离了MVC，但是我的视图的结构将
浏览 3提问于2015-05-28得票数 2
回答已采纳
我对angularjs 2组件中的Jquery数据报警器有问题。
它显示日期日历中更改的日期，但不更新基础ngModel : dateSelected。
dateSelected: string = '';
在这里，日期选择器输入字段是：
<input type="text" class="form-control" [(ngModel)]="dateSelected" name='datepicker1' id='datepicker1' placeholder="Select a
浏览 1提问于2016-09-26得票数 1
回答已采纳
我试图实现一个双选择列表表单组件，只是为了尝试角和尝试更好地理解它。
此指令的功能是父模型包含要从中选择的可用项列表，并包含放置所选项的目标列表(选定)。当选择一个项时，它将从可用数组中移除并放置在所选数组中。
由于表单可能需要这些双选择列表组件中的多个，所以我不想依赖硬编码的属性名称，而是允许将列表传递给双向数据绑定。
下面是代码的JSBin：
除了试图通过传递的模型属性名称将数据绑定到列表之外，我还没有做进一步的工作。
在该指令中，定义了以下范围属性。availableItems和selectedItems都应该绑定到父控制器属性。highlightedAvailable和highligh
浏览 1提问于2014-05-04得票数 0
回答已采纳
我编写了一个属性限制角指令(restrict:'a')，它为textarea添加了特性。将其应用于任何其他类型的元素是没有意义的。
添加一个if (element.nodeName == 'TEXTAREA') {是非常肮脏和不可靠的。
我试图将require: textarea添加到它中，但是它不起作用，我得到了以下错误：Error: No controller: textarea
问:是否有更清洁的方法来正确地实施这一限制？
编辑:第一个答案之后的附加约束。
我希望避免在这个指令中使用模板，因为我希望能够使用这种类型的几个指令。下面是我想要的一个例子：
&l
浏览 2提问于2013-09-05得票数 1
回答已采纳
我使用日期计时器来显示日期和时间。然后将其存储到数据库中。但我必须长话短说。我可以像2010-10-29 10:40:23那样获得值，但是我如何将长值存储到数据库中。谢谢
浏览 0提问于2015-04-16得票数 0
2回答
在我的应用程序中，我使用了角-nvd3 3来绘制图表。我创建了一个自定义指令来传递指令中的选项，而不是在控制器中设置它们。
查看：
<nvd3-bar-chart></nvd3-bar-chart>
指令
angular.module('app.graphs')
.directive('nvd3BarChart',
function() {
return {
restrict: 'E',
replace: tru
浏览 3提问于2016-08-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
