我有几个使用日期的.vue类。

我遇到的问题是,当我使用Chrome调试工具在SharePoint页面上上传代码时,出现了很多日期错误,例如

Not a valid date: "2019-09-19T01:00:00Z" (请参见屏幕截图)

屏幕截图

在互联网上,我只能在github上找到它:

https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md

因此,我尝试仅使用MM作为大写字母,但是错误仍然出现。

我在Vue.js方面没有太多经验,所以我不知道我到底可以尝试更改什么。

在我的data:function()我得到了以下部分

data: function() {
return {
  baseImageUrl: this.$store.state.baseImageUrl,
  histories: [],

  columns: [
    {
      label: "Created On",
      field: "createdAt",
      type: "date",
      dateInputFormat: "yyyy-MM-dd",
      dateOutputFormat: "DD.MM.YYYY",
      thClass: "text-left",
      tdClass: "text-center",
      width: '151px',
      filterOptions: {
        enabled: true,
        placeholder: "Date",
       // filterFn: this.myColumnFilter
      }
    },

用我的methods

HistorysData: function(data) {
  var data = data.d.results;
  this.histories = [];
  var $this = this;
  for (var i = 0; i < data.length; i++) {
    var Created = this.getJSONDateAsString(data[i].Created, "dd.MM.yyyy");

    $this.rows.push({
      createdAt: data[i].date,
      action: data[i].act,
      details: data[i].details,
      correspondingListID: data[i].CorrespondingListID
    });
  }  
},

getJSONDateAsString定义为

getJSONDateAsString: function(jsdatevalue, returnFormat) {
  if ((jsdatevalue == "") | (jsdatevalue == null)) {
    return "";
  }
  return new Date(jsdatevalue).toString(returnFormat);
}

#1楼 票数:0 已采纳

将过滤器应用于日期,并返回标准日期格式以进行输出。 Format函数来自date-fns ,但是您可以使用将其格式化为MM / DD / YYYY的任何东西。 还有其他公认的ISO格式,但这是我到目前为止使用的最可靠的格式

    DateFilter(dateString: string) {
        if (dateString) {
            return format(dateString, 'MM/DD/YYYY');
        }
        else {
            return "";
        }
    },

如果您也需要时间

        DateTimeFilter(dateString: string) {
            if (dateString) {
                return format(dateString, 'MM/DD/YYYY HH:mm');
            }
            else {
                return "";
            }
        },

  ask by Ramanujan Taylor translate from so

未解决问题?本站智能推荐:

1回复

转换纪元时间 vue.js 后的无效日期 [重复]

这个问题在这里已经有了答案: 将 UNIX 时间戳转换为日期时间 (javascript) (4 个回答) 如何格式化 JavaScri
1回复

我如何在vue.js中更改日期格式

我如何将日期格式更改为这样:10月26日22:01:12 使用Laravel和vue.js运行 我希望输出2019-03-26 08:29:23
1回复

如何使用vue.js对表中的日期进行排序

我的表基于Vue.js网站上的网格组件示例 我在表中排序日期时遇到问题。 我从服务器端获取所有表数据作为JSON。 所以在提供的代码中,我只是模拟了var mockDataFromServerSide中的数据。 这是代码: https : //jsfiddle.net/5w1wz
1回复

如何在 Vue.js 上下文中的 chartjs 中添加日期范围过滤器

我已经在 vuejs 中使用 API 显示了我的图表,现在我想分别过滤日期和显示图表。 我的 Chart.vue 包含我的图表信息,所以现在我想添加一个日期过滤器,如下图所示: 因此,每当我单击任何输入时,我的图表都应相应更改。 例如,如果我点击 3 个月,图表应显示最近 3 个月的数据。
2回复

显示过去 2 周(vue.js)

嗨,我有这个脚本 (vue.js) 我可以看到接下来的 2 周效果很好我必须改变我可以看到过去 2 周..谢谢 methods: { // Get all days without sunday: dates(index) { var week = new Array()
2回复

如何在Vue.js中将空白日期字段作为默认值分配给ui-datepicker

我在vue.js中有一个ui-datepicker datepicker,我希望该字段为空或空白作为默认值。 在上面的代码中,它返回当前日期值。 我试着做: 但是他们两个都抛出错误说: 道具无效:道具“值”的类型检查失败。 预计日期,得到字符串。 现在,我如
1回复

将复选框链接到Vue.js中的列表项

我在Sharepoint中有一个列表元素“ Scholarship ”,类型为“是/否(复选框)”。 因此,我通过Vue.js创建了一个复选框: 我遇到的问题是,它向我显示了该复选框,并在其旁边显示“ true”。 当我将list元素更改为false时,它将显示“ f
1回复

如何显示Vue.js和Firebase未过时的元素?

这是我从Firebase获取数据的方式。 我可以打印所有事件列表,对此我感到很高兴,但是现在我只想加载未过期的“事件”? 我被卡住了。 非常感谢您的帮助:) 编辑:多亏了弗兰克,现在我只能选择在“过期”字段中具有正确值的节点。 如果在此字段中出现诸如文本之类的错误,则不会显示