在具有上一个和下一个按钮的文本框中显示单个日期

用户名

我正在使用PHP MySql。
如何在单个文本框中显示下一个上一个日期。
场景是-我将在某个日期使用mysql获取一些数据(字符串)。我想在各个日期显示各个数据。


2014年9月6日-'早安'
2014年6月6日-'晚安'。

<input type="button" value="prev">
<input type="text">
<input type="button" value="next">


<span class="date_data"></span> //To display data


假设-我有6月8日的“早安”字串。还有6月20日的“晚安”字样。因此,当我选择8th时,按prev键将显示“ Good Morning”。同样,当我进入第20位时。它应该显示“晚安”

我的JSFIDDLE

安努普·乔希(Anoop Joshi)

假设您的json数据具有类似这样的格式,

var date = [{
        "Date": "09/06/2014",
        "Message": "Good Morning"
    },

    {
        "Date": "10/06/2014",
        "Message": "Good Night"
    }, {
        "Date": "11/06/2014",
        "Message": "Good Evening"
    }
];
var index = 0;
$("#prev").click(function () {

    $("#txt").val(date[index].Date);
    $("#msg").html(date[index].Message);
    index--;

});
$("#next").click(function () {

    $("#txt").val(date[index].Date);
    $("#msg").html(date[index].Message);
    index++;
});

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

上一个和下一个按钮之间的文本框,以导航到表格中

来自分类Dev

单个文本框中的Angular Querybuilder具有自动建议下一个查询的功能

来自分类Dev

具有上一个/下一个按钮的固定宽度和高度的文本容器

来自分类Dev

使用下一个和上一个按钮在图片框中显示图像

来自分类Dev

带有上一个和下一个按钮的循环显示

来自分类Dev

在单个页面中导航的上一个和下一个按钮

来自分类Dev

如何在滑块中不显示上一个按钮和下一个按钮?

来自分类Dev

JWPlayer 6的上一个和下一个按钮未显示

来自分类Dev

WordPress链接分页仅显示下一个和上一个按钮

来自分类Dev

如何从日期变量中查找下一个和上一个日期

来自分类Dev

单击按钮可将列表中的下一个项目打印到文本框

来自分类Dev

我想显示带有日期字符串以及其上的下一个和上一个按钮的操作栏。

来自分类Dev

在文本框VB6中显示主键的下一个值

来自分类Dev

Java Swing-如何使下一个和上一个按钮显示数组中对象的变量?

来自分类Dev

使用下一个和上一个按钮在VC中显示排序的句子

来自分类Dev

如何使用上一个和下一个按钮在表格中显示星期

来自分类Dev

单击具有上一个和下一个的表行

来自分类Dev

分页-jQuery DataTables中的上一个和下一个大小按钮

来自分类Dev

FullCalendar中的“上一个”和“下一个”按钮产生“关闭”消息

来自分类Dev

更改datepicker插件中的下一个和上一个按钮的位置

来自分类Dev

图库中的下一个和上一个按钮

来自分类Dev

在Elasticsearch中按日期获取上一个和下一个文档

来自分类Dev

防止文本框接受字符串并允许使用数字,Delete键以及上一个和下一个键

来自分类Dev

将值添加到html表中下拉更改时的下一个和上一个文本框

来自分类Dev

下一个带有 2 个组框的 Enter 文本框

来自分类Dev

WordPress中的下一个上一个具有标题的前一个/下一个链接?

来自分类Dev

winAPI中的下一个和上一个控制按钮转到下一页(C ++)

来自分类Dev

引导幻灯片显示上一个和下一个按钮/箭头未显示在中间

来自分类Dev

使用jQuery(ajax)和php的上一个和下一个日期

Related 相关文章

  1. 1

    上一个和下一个按钮之间的文本框,以导航到表格中

  2. 2

    单个文本框中的Angular Querybuilder具有自动建议下一个查询的功能

  3. 3

    具有上一个/下一个按钮的固定宽度和高度的文本容器

  4. 4

    使用下一个和上一个按钮在图片框中显示图像

  5. 5

    带有上一个和下一个按钮的循环显示

  6. 6

    在单个页面中导航的上一个和下一个按钮

  7. 7

    如何在滑块中不显示上一个按钮和下一个按钮?

  8. 8

    JWPlayer 6的上一个和下一个按钮未显示

  9. 9

    WordPress链接分页仅显示下一个和上一个按钮

  10. 10

    如何从日期变量中查找下一个和上一个日期

  11. 11

    单击按钮可将列表中的下一个项目打印到文本框

  12. 12

    我想显示带有日期字符串以及其上的下一个和上一个按钮的操作栏。

  13. 13

    在文本框VB6中显示主键的下一个值

  14. 14

    Java Swing-如何使下一个和上一个按钮显示数组中对象的变量?

  15. 15

    使用下一个和上一个按钮在VC中显示排序的句子

  16. 16

    如何使用上一个和下一个按钮在表格中显示星期

  17. 17

    单击具有上一个和下一个的表行

  18. 18

    分页-jQuery DataTables中的上一个和下一个大小按钮

  19. 19

    FullCalendar中的“上一个”和“下一个”按钮产生“关闭”消息

  20. 20

    更改datepicker插件中的下一个和上一个按钮的位置

  21. 21

    图库中的下一个和上一个按钮

  22. 22

    在Elasticsearch中按日期获取上一个和下一个文档

  23. 23

    防止文本框接受字符串并允许使用数字,Delete键以及上一个和下一个键

  24. 24

    将值添加到html表中下拉更改时的下一个和上一个文本框

  25. 25

    下一个带有 2 个组框的 Enter 文本框

  26. 26

    WordPress中的下一个上一个具有标题的前一个/下一个链接?

  27. 27

    winAPI中的下一个和上一个控制按钮转到下一页(C ++)

  28. 28

    引导幻灯片显示上一个和下一个按钮/箭头未显示在中间

  29. 29

    使用jQuery(ajax)和php的上一个和下一个日期

热门标签

归档