- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 Angular Material 的 md-dialog 功能,但在使日期过滤器正常工作时遇到了一些问题。也许有人可以发现它,如果他们对如何使这项工作有任何想法,请告诉我。我可以看到 {{item.presentation.end_time}} 和 {{confSessionObj.session_nr}} 正在工作,但是当我放置 Angular 日期过滤器时,它无法识别它。
这是我的代码。
JS
$scope.showAdvanced = function(ev, confSession) {
var sessionID = confSession.id;
$.ajax({
type: "GET",
url: "/session-detail.php",
data: {id: sessionID},
success: function(data, response){
data = data.replace(/\\n/g, "\\n")
.replace(/\\'/g, "\\'")
.replace(/\\"/g, '\\"')
.replace(/\\&/g, "\\&")
.replace(/\\r/g, "\\r")
.replace(/\\t/g, "\\t")
.replace(/\\b/g, "\\b")
.replace(/\\f/g, "\\f");
$scope.returnedObj = JSON.parse(data);
$mdDialog.show({
locals: { confSessionObj: confSession, returnedObj: $scope.returnedObj },
controller: DialogController,
targetEvent: ev,
template:
'<div class="md-dialog-container">' +
'<md-dialog aria-label="Session Detail">' +
'<form ng-cloak>' +
'<md-toolbar md-scroll-shrink>'+
'<div class="md-toolbar-tools">'+
'<h4 style="color: #fff;">Session Details</h4>'+
'</div>'+
'</md-toolbar>'+
'<md-dialog-content>'+
'<md-list-item>'+
'<div class="md-dialog-content" id="dialog">'+
'<p class="md-body-2"><span class="md-custom-title">Session Title:</span> {{confSessionObj.session_nr}} - {{confSessionObj.session_name}}</p>'+
'<table class="table table-bordered table-striped table-hover table-responsive" id="dialogtable">'+
'<tr id="theader">'+
'<thead>'+
'<th>Talk Title</th>'+
'<th>Start Time</th>'+
'<th>End Time</th>'+
'<th>Speaker Name</th>'+
'</thead>'+
'</tr>'+
'<tr ng-repeat="item in returnedObj">'+
'<td>{{item.presentation.title}}</td>'+
'<td>{{item.presentation.start_time | date: "MM/dd/yyyy h:mma"}}</td>'+
'<td>{{item.presentation.end_time | date: "MM/dd/yyyy h:mma"}}</td>'+
'<td>{{item.speakers.firstname}} {{item.speakers.lastname}}</td>'+
'</tr>'+
'</table>'+
'</div>'+
'</md-list-item>'+
'</md-dialog-content>'+
'<md-dialog-actions layout="row">'+
'<md-button class="md-raised" ng-click="cancel()">Close</md-button>' +
'</md-dialog-actions>'+
'</form>'+
'</md-dialog>'+
'</div>',
parent: angular.element(document.body),
preserveScope: true,
clickOutsideToClose:true,
fullscreen: $scope.customFullscreen
});
},
error: function(e){
console.log(e.message);
}
});
};
function DialogController($scope, $mdDialog, confSessionObj, returnedObj) {
$scope.confSessionObj = confSessionObj;
$scope.returnedObj = returnedObj;
$scope.cancel = function() {
$mdDialog.cancel();
};
}
最佳答案
根据您提供的信息,您在使用日期过滤器时遇到的问题是日期对象/字符串的格式不正确,因为其他过滤器可以正常运行。来自 Angular 日期过滤器 documentation :
Date to format either as Date object, milliseconds (string or number) or various ISO 8601 datetime string formats (e.g. yyyy-MM-ddTHH:mm:ss.sssZ and its shorter versions like yyyy-MM-ddTHH:mmZ, yyyy-MM-dd or yyyyMMddTHHmmssZ). If no timezone is specified in the string input, the time is considered to be in the local timezone.
您需要使用其中一种格式的日期,以确保它可以得到有效处理。我建议使用毫秒,因为日期过滤器可以以字符串或数字的形式处理它,从而提供更多的灵 active 。
您可以使用收到的日期并使用 Date.Parse()获取毫秒数,然后可以将其传递到日期过滤器的插值中。
JS:
$scope.parseDate = function(date) {
return Date.parse(date);
}
HTML:
<td>{{ parseDate(item.presentation.end_time) | date: "MM/dd/yyyy h:mma" }}</td>
这是一个plunker功能正常。
希望对您有所帮助!
更新:
如果您需要在一个插值中显示小时/分钟,同时在另一个位置显示月/日/年,您只需要更改日期格式字符串参数之后仍然解析您的日期字符串正在从服务器接收到适当的日期毫秒数。此答案中链接的 plunker 已更新为日期格式的所有可能变化,包括您在评论中指定的日期格式以及军事和 12 小时格式的时间。
<td>{{ parseDate('2017-05-24 13:10') | date: 'MM/dd/yyyy h:mma' }}</td> // 05/24/2017 1:10PM
<td>{{ parseDate('2017-05-24 13:10') | date: 'MM/dd/yyyy H:mma' }}</td> // 05/24/2017 13:10PM
<td>{{ parseDate('2017-05-24 13:10') | date: 'H:mma' }}</td> // 13:10PM
<td>{{ parseDate('2017-05-24 13:10') | date: 'HH:mma' }}</td> // 13:10PM
<td>{{ parseDate('2017-05-24 13:10') | date: 'h:mma' }}</td> // 1:10PM
<td>{{ parseDate('2017-05-24 13:10') | date: 'hh:mma' }}</td> // 01:10PM
<td>{{ parseDate('2017-05-24 13:10') | date: 'MM/dd/yyyy' }}</td> // 05/24/2017
关于javascript - md-dialog 无法识别 Angular 过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41988250/
我有一个对象数组,我想在键传入“filter”过滤器时提取值。下面是我尝试过的 Controller 代码片段,但我得到的响应类型未定义。请帮我找出哪里出错了。 var states = [{"HI
如果任何 J2EE 应用程序直接访问 servlet,然后 servlet 将相同的请求转发到某个 .jsp 页面。 request.getRequestDispatcher("Login.jsp")
我有一个带有图像缩略图的表单,可以通过复选框进行选择以进行下载。我想要一个包含 jQuery 中图像的数组,用于 Ajax 调用。 2个问题: - 表格顶部有一个复选框,用于切换我想要从映射中排除的所
我必须从服务器转储数据库,将 .sql 传输到另一台服务器,然后运行以下脚本以使用此语法删除某些行: DELETE wp_posts FROM wp_posts INNER JOIN wp_postm
我想从目录中过滤掉特定类型的文件,但收到错误“ token 语法错误,删除这些 token ”: File dir = new File("c:/etc/etc"); File[] f
几乎所有的 Web 应用程序都依赖外部的输入。这些数据通常来自用户或其他应用程序(比如 web 服务)。通过使用过滤器,您能够确保应用程序获得正确的输入类型。 您应该始终对外部数据进行过滤! 输
我正在开发一个由 OData 服务提供支持的搜索功能。它将返回一个或一列标题对象作为结果。我们需要搜索的许多字段不在标题对象中。它们仅在子对象(导航属性)中。能够针对子字段执行 OData 搜索并仍然
假设我有以下模型,它有一个方法 variants(): class Example(models.Model): text = models.CharField(max_length=255)
我有一个默认的列表列表,但我基本上想这样做: myDefaultDict = filter(lambda k: len(k)>1, myDefaultDict) 除了它似乎只适用于列表。我能做什么?
我正在使用 django-filter 来输出我的模型的过滤结果。那里没有问题。下一步是添加一个分页器……尽管现在已经苦苦挣扎了好几天。 views.py: def funds_overview(re
我正在做一个概念证明,我正在试验一种奇怪的行为。 我有一个按日期字段按范围分区的表,如果我设置固定日期或由 SYSDATE 创建的日期,查询的成本会发生很大变化。 这些是解释计划: SQL> SELE
如果一个或另一个值匹配,是否可以制作一个过滤器,例如一个中性的 PropertyFilter(并传递给链中的下一个过滤器)?就像是: value1 val
我是 VBA 初学者,正在尝试根据单元格值过滤数据,经过一番谷歌搜索后,我编写了一个有效的代码 Sub FilterDepartment_Sales() Sheet6.Activate
假设我在 excel 数据透视表中有两个过滤器。 两者最初都会显示筛选列的选定范围内的所有值。 当我仅在过滤器 1 中选择几个值时,过滤器 2 仍会继续显示基础数据中所选范围内特定过滤器列中的所有值。
是否可以定义自定义 build-ins (名称不再适合)在 ftl? 由于语义前提,我不想让它成为一个函数,而是一个内置的。 最佳答案 这是不可能的,?语法是为内置函数保留的。 (顺便说一句,这意味着
我试图在 Edit | 之外添加一个链接通过插件删除wordpress管理员>用户>所有用户列表中的链接..这是我第一次尝试通过查看其他插件或搜索google来制作wordpress插件.. 我添加了
我正在尝试按照以下教程使用 django 过滤器进行分页,但该教程似乎缺少某些内容,而且我无法使用基于函数的 View 方法显示分页。 https://simpleisbetterthancomple
由于我是 Powershell 新手,因此寻求最佳实践方面的帮助, 我有一个 csv 文件,我想过滤掉 csv 中的每一行,除了包含“未安装”的行 然后,我想根据包含计算机列表的单独 csv 文件过滤
我正在尝试创建一个搜索查询,它会告诉我我作为审阅者添加到其中的打开更改,但我还没有提交最新补丁集的代码审查。这应该包括其他人已经评论过的更改,但我没有。 我能找到的最接近的是 is:reviewer
在我的 Web 应用程序中,我有 3 个主要部分 1. 客户 2. 供应商 3. 管理员 我正在使用 java session 过滤器来检查用户 session 并允许访问网站的特定部分。 因此客户只
我是一名优秀的程序员,十分优秀!