jQuery+UI是現代Web開發中最流行和強大的JavaScript庫之一。它可以幫助您構建交互式、動態和創新性極強的Web應用程序。在此教程中，我們將介紹如何使用jQuery+UI來合并字段。

$(function() {
$( "#datepicker1" ).datepicker();
$( "#datepicker2" ).datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true
});
$( "#merge" ).button().click(function() {
var first = $( "#datepicker1" ).datepicker( "getDate" );
var second = $( "#datepicker2" ).datepicker( "getDate" );
if (first && second) {
var diff = second.getTime() - first.getTime();
diff = Math.floor(diff / (1000 * 60 * 60 * 24));
$( "#merged-field" ).val( "這兩個日期相差：" + diff + " 天" );
}
});
});

首先，在HTML文檔中我們需要兩個日期選擇器和一個按鈕，同時添加一個中間的文本框來顯示結果。在jQuery+UI代碼中，通過datepicker()方法初始化日期選擇器。我們為第二個日期選擇器加了一個圖標按鈕。其中，getDate()方法用來獲取日期值，getTime()方法來獲取日期的時間戳。然后我們來計算這兩個日期之間的天數差異，并將結果填充到中間文本框中。

通過本文的介紹，我們介紹了如何使用jQuery+UI來合并字段。這是一個非常實用的技巧，當我們需要在Web應用程序中與日期或時間相關的操作時，這將會非常有用。