如何将日期显示为选择标记(仅限星期几和月份日期)

时间:2015-11-01 10:52:35

标签: javascript jquery

我是javascript或jQuery的新手,我正在尝试在我的网站上放置一个日期选择器,我可以使用日历放置一个日期选择器,但我需要它没有日历和选择框。

check the example image

知道如何在javascript或jQuery中执行此操作吗?

由于

1 个答案:

答案 0 :(得分:0)

您可能无法修改datepicker来执行此操作(我很乐意向任何证明其他情况的人承认),但您可以轻松地将日期添加到标准选择控件中。

在这段代码中,我使用了datepicker UI中的formatDate,因此您需要包含jQuery UI,或者至少包含datepicker组件才能使用它。

以下示例将从当前日期开始的10天添加到ID为" mySelect"的选择元素。

$(function () {
    var today = new Date();
    var date = new Date();

    for (x = 0; x <= 9; x++) {
        date.setDate(today.getDate() + x);
        textDate = $.datepicker.formatDate('D, dd-M', date);
        $('#mySelect')
            .append($("<option></option>")
            .attr("value", textDate)
            .text(textDate));
    }
});