JQuery Mobile的日歷插件提供了一個易于使用的界面，以便將日歷添加到移動應用程序中。這個插件提供了許多功能，包括選取特定的日期和顯示事件，方便用戶在移動設備上管理時間。讓我們來看看如何使用JQuery Mobile的日歷插件。

<!-- 引入日歷插件css和js -->
<link rel="stylesheet" href="jquery.mobile-1.4.2.min.css">
<link rel="stylesheet" href="jquery.mobile.datepicker.css">
<script src="jquery-1.11.1.min.js"></script>
<script src="jquery.mobile-1.4.2.min.js"></script>
<script src="jquery.mobile.datepicker.js"></script>
<!-- 創建一個文本框用于顯示選中日期 -->
<input type="text" id="dateText" readonly />
<!-- 創建日歷組件 -->
<div data-role="fieldcontain">
<label for="calendar" class="select">選擇日期</label>
<input type="date" id="calendar" name="calendar" data-role="datebox" data-options='{"mode": "calbox","dateFormat":"yy-mm-dd"}' />
</div>
<!-- JQuery Mobile的日歷插件初始化 -->
<script>
$(document).ready(function() {
$('#calendar').datepicker({
onSelect: function(date) {
$('#dateText').val(date);
}
});
});
</script>

在代碼中，我們首先需要引入日歷插件的CSS和JS文件。接下來，我們創建了一個文本框用于顯示選中的日期，并創建了一個日歷組件。最后，我們使用JQuery Mobile的日歷插件初始化代碼，以便在用戶選擇日期時更新文本框中的值。