【问题标题】:Replace ajax success data in text ( need to replace text with ajax success values )Replace ajax success data in text(需要将文本替换为ajax成功值)
【发布时间】:2023-02-10 17:20:24
【问题描述】:

下午好, 我是编码和从事家庭项目的新手。

我坚持用 ajax 成功数据替换文本(我从成功后到现在需要在卡片标题中替换)

在 ajax 成功响应后,我得到“$yesterdaydateforcard,$yesterdaydateforcard”作为数据 [4] 和数据 [5]。

在ajax成功

success: function(data) {

                      $('#durationformilksale').text((data[5]));

                      $('#bmilkstattext').text(data[0]);
                      $('#a2milkstattext').text(data[1]);
                      $('#jmilkstattext').text(data[2]);
                      $('#totalmilkstattext').text(data[3]);

                    }

这里是“$('#durationformmilksale').text((data[5]));”我想显示文字 “ 23 年 1 月 1 日至 23 年 1 月 31 日”。 但我不知道该怎么做。

提前致谢

【问题讨论】:

  • 如何在 PHP 代码中创建响应?
  • return response()->json([$totalbmilksaleforajax,$totala2milksaleforajax,$totaljmilksaleforajax,$totalmilksaleforajax,$yesterdaydateforcard,$yesterdaydateforcard]); JSON...

标签: laravel


【解决方案1】:

您可以使用 JavaScript 的字符串和日期函数来根据需要格式化日期。

success: function(data) {
  var fromDate = new Date(data[4]);
  var toDate = new Date(data[5]);

  var fromDateString = fromDate.toLocaleDateString("en-US", {
    year: 'numeric',
    month: 'short',
    day: 'numeric'
  });
  var toDateString = toDate.toLocaleDateString("en-US", {
    year: 'numeric',
    month: 'short',
    day: 'numeric'
  });

  var dateString = fromDateString + " to " + toDateString;

  $('#durationformilksale').text(dateString);

  $('#bmilkstattext').text(data[0]);
  $('#a2milkstattext').text(data[1]);
  $('#jmilkstattext').text(data[2]);
  $('#totalmilkstattext').text(data[3]);
}

Date 对象允许您在 JavaScript 中操作和格式化日期。在此示例中,Date 对象是使用日期的字符串表示形式创建的。 toLocaleDateString 方法用于在特定语言环境中格式化日期字符串,使用选项指定所需的格式。 en-US 语言环境用于以美国英语格式化日期。然后使用 + 运算符将生成的日期字符串连接成一个字符串,并将这个最终字符串设置为 ID 为 durationformilksale 的元素的文本。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-06-07
    • 1970-01-01
    • 1970-01-01
    • 2018-05-24
    • 1970-01-01
    • 2010-09-19
    • 2014-09-04
    • 1970-01-01
    相关资源
    最近更新 更多