如何在JQuery中更改日期变量的颜色

How do I change the color of my date variable in JQuery?

本文关键字：日期 变量 颜色 JQuery      更新时间：2023-09-26

我正在开发一个聊天客户端的原型。它现在没有服务器功能，也没有实际的交互性；我是JavaScript/JQuery的新手，我只是想学习如何在用户提交文本后实际显示文本。话虽如此，代码中的一切对我来说都很好

$(document).ready(function () {
$('#send').click(function () {
    var text = $('#textField').val();
    var date = new Date();
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    $('#textArea').val($('#textArea').val() + hours + ":" + minutes + ":" + seconds + text + "'n");
    $('#textField').val('');
});
});

我试过用date.css（"color"，"#999999"）之类的变体来更改颜色，但一旦我将其插入代码中，程序似乎就完全失去了功能。

此外，如何在日期和用户输入之间插入一些空白？我试过使用&nbsp，但那没用。

您必须对文本区域内的文本执行如下操作：

$("#textArea").css({color: 'red'});

Js的小提琴在这里演奏http://jsfiddle.net/6uXHL/

您可以在这里找到一个演示。代码（稍微修改一下以更漂亮）：

$(document).ready(function () {
  $('#send').click(function () {
      var textField = $('#textField'),
          text = textField.val(),
          date = new Date(),
          hours = date.getHours(),
          minutes = date.getMinutes(),
          seconds = date.getSeconds(),
          textArea = $('#textArea');
      textArea.val(textArea.val() + hours + ":" + minutes + ":" + seconds + text + "'n")
              .css({ color: '#999' });
      textField.val('');
  });
});
相关文章：