0

我在 Codepen 上有以下代码。

http://codepen.io/anon/pen/pnyvG

我的目标是允许用户输入他们自己的日期，然后以更易读的格式将其输出到另一个元素中，例如键入日期或选择日期，然后以以下格式“8 月 7 日星期三”在段落标签中显示日期。

此外，我还需要一些额外的功能，如果有人能给我一些指导，那就太棒了；

  • 将日期输出到每个输入的段落中后，将两个日期之间的晚数输出到另一个元素中
  • 能够对两个输入使用相同的日期选择器。类似于以下表格中使用的行为；http://www.hipmunk.com/hotels-search

如果你们能帮助我，那就太好了。

提前致谢，

乙

4

2 回答 2

1

看这里让你开始：

$(function() {
    $( "#datepicker" ).datepicker({
        altField: "#alternate",
        altFormat: "DD, d MM, yy"
    });
});
于 2013-08-07T09:24:09.317 回答
0

您可以捕获日期选择器的选择事件，并在您的 p 标签中显示输出：

$(function() {
    $('#datepicker').datepicker( {
        onSelect: function(date) {
            // Format and display the date in a p tag
            $('#yourptag').html( $.datepicker.formatDate('dd M yy', date) );
        }
    });
});

关于查找日期差异，您可以参考：查找从 jQuery datepicker 选择的两个日期之间的差异

于 2013-08-07T10:29:47.137 回答