JQuery UI - Datepicker - 在另一個元素中顯示日期

我在Codepen上有以下代碼。JQuery UI - Datepicker - 在另一個元素中顯示日期

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

我的目標是允許用戶輸入自己的日期，並然後它獲取例如輸出到另一個元件在一個更可讀的格式輸入日期或選擇日期，然後按照以下格式「8月7日星期三」在段落標記中顯示日期。另外，我還需要一些額外的功能，如果有人能夠給我一些指導，這將是非常棒的;

一旦日期被輸出到各段的每個輸入，輸出在兩個日期之間的夜晚到另一個元件
數量能夠使用相同的日期選擇器爲兩個輸入。類似於以下形式中使用的行爲; http://www.hipmunk.com/hotels-search

如果你們能夠幫助我，那會很好。

由於提前，

乙

來源

2013-08-07 PI.

看here讓你開始：

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

來源

2013-08-07 09:24:09 Raidri

謝謝，但這似乎只限於輸入字段。當我將替代字段更改爲段落時不起作用 –

您可以趕上日期選擇器的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

來源

2013-08-07 10:29:47

JQuery UI - Datepicker - 在另一個元素中顯示日期

回答

相關問題