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

时间:2014-06-09 06:33:01

标签: php jquery mysql date datepicker

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


09/06/2014 - '早安' 10/06/2014 - '晚安'。

<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日'晚安'。因此,当我选择第8个时,按上一步,它应显示“早上好”。同样,当我去20日。它应该显示'晚安'

My JSFIDDLE

1 个答案:

答案 0 :(得分:1)

假设您的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++;
});

Fiddle