如何在日历中获取所选日期

时间:2016-11-30 20:09:04

标签: javascript jquery

我需要一个想法,也许是一个解决方案,以便从鼠标选择的<td>中获取日期。

继承我的代码,选择(直到现在它只是一个改变类的功能)TD:

    $(function () {
  var isMouseDown = false,
    isHighlighted;
  $("#schichtplan td")
    .mousedown(function () {
      isMouseDown = true;
      $(this).toggleClass("highlight");
      isHighlighted = $(this).hasClass("highlight");
      return false; // prevent text selection
    })
    .mouseover(function () {
      if (isMouseDown) {
        $(this).toggleClass("highlight", isHighlighted);
      }
    });
  $(document)
    .mouseup(function () {
      isMouseDown = false;
    });
});

日历中的屏幕截图: Screenshot

这是显示日期的方式:

echo "<td class=\"td kal_standard_tag\"> - </td>";

显示“ - ”,因为此时此用户没有条目。

也许我可以添加这样的东西并用jQuery读出来?

 timestamp=\"".$timestamp_tag."\"

我的目标:选择日期后,用户必须使用rightclick并显示一个Dialog,用户可以在其中添加一些信息并将其保存到数据库中。 但我不知道如何获得选定的日子...... :(

有没有人有想法,也许是解决方案?

1 个答案:

答案 0 :(得分:0)

执行此类操作的最佳做​​法是添加数据属性。所以你要按照你的说法添加时间戳或日期戳。例如:<td data-timestamp="1231232131">然后在$(this).data('timestamp')的事件中使用jQuery获取它。