代码之家 › 专栏 › 技术社区 › Anouar Ghali

如何使用力矩。带ui的js。网格

ui-grid angular-ui-grid angularjs javascript

Anouar Ghali · 技术社区 · 6 年前

我正在尝试用倒计时转换Angularjs UI网格上呈现的所有日期。日期都是这种格式的2018年1月19日21:30(简称US),我希望它是剩下的xx小时xx分钟。

我一直在尝试JavaScript和自定义单元格类,但我无法使其正常工作。我从来没有和moment一起工作过。js,但它似乎可以解决我的问题,任何我可以在ui中运行它的想法。网格
这是我在columnDefs中看到的

{ field: 'DueDate', cellFilter: 'date:"short"'}

编辑: 根据下面的答案,我试图在hhtpget发布日期后尽快更改日期,并用倒计时代替

$http.get("xxx/json").then(function(response) { response.data.forEach( function(row, index) { row.MakerDueDate = moment("row.MakerDueDate").countdown().toString(); }); $scope.gridOptions.data = response.data; });

不幸的是,这返回:

类型错误:力矩(…)。倒计时不是一个函数

我包括了这一刻。js,倒计时。js和时刻倒计时。我的html中的min.js

2 回复 | 直到 6 年前

Vitaly Menchikovsky 6 年前

已更新 :

moment().countdown(new Date('01/19/2018 21:30'), countdown.HOURS|countdown.MINUTES, NaN, 2).toString();

输出

“168小时29.34分钟”

我从控制台运行此代码。。。我包括所有3个js

<script src="moment.min.js"></script>
<script src="countdown.min.js"></script>
<script src="moment-countdown.min.js"></script>

也许你可以试试这个 moment-countdown 示例:

    moment("1982-05-25").countdown().toString(); //=> '30 years, 10 months, 14 days, 1 hour, 8 minutes, and 14 seconds'

    //accepts a moment, JS Date, ISO-8601 string, or any other single arg taken my Moment's constructor
    moment("1955-08-21").countdown("1982-05-25").toString(); //=> '26 years, 9 months, and 4 days'


moment().countdown("1982-05-25", countdown.MONTHS|countdown.WEEKS, NaN, 2).toString(); //=> '370 months, and 2.01 weeks'


    //also works with the args flipped, like diff()
    moment("1982-05-25").countdown("1955-08-21").toString(); //=> '26 years, 9 months, and 4 days'

kitko112 6 年前

要使用矩js仅显示xx小时xx分钟,语法如下:

const formattedDate = moment(date).format('hh:mm');

您可以先准备日期源数组,然后分配给ui网格

推荐文章

lazerbrain · 如何取消角度ui网格中的单元格编辑?

6 年前

Anouar Ghali · 如何使用力矩。带ui的js。网格

6 年前

DanStopka · 为什么ui网格分页看起来如此扭曲?

6 年前

integral100x · 为什么我的ui网格cellTemplate图像不显示?

6 年前

Ananda G · 为什么Angular UI Grid不能使用Angular更新版1.6.5?

7 年前

kunh · ui网格第二个列可以根据第一个列的值进行编辑或不编辑

7 年前

Stephanie Cray · 如何使用$scope在UI网格中访问gridApi?

7 年前

ZizouJd · UiGrid数据显示在分页中

7 年前

Al Ex Tsm · Ui网格:通过承诺类型获取cellTemplate错误?

7 年前

Sedky A · 角度UI网格重新加载单元格模板

7 年前