Question

我在Codepen上有以下代码。

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

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

另外，我还需要一些额外的功能，如果有人可以给我一些方向，这将是非常棒的;

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

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

提前致谢，

乙

Answer 1

看here让你入门：

$(function() {
    $( "#datepicker" ).datepicker({
        altField: "#alternate",
        altFormat: "DD, d MM, yy"
    });
});

Answer 2

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

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

要查找日期差异，请参阅：Find difference between two dates picked from jQuery datepicker

JQuery UI - Datepicker - 在另一个元素中显示日期

2 个答案: