jQuery Mobile是一個流行的JavaScript框架,為移動設備提供UI組件。其中最重要的組件之一是日期控件。使用此控件,您可以在您的網頁上方便地顯示日期。
<div data-role="fieldcontain">
<label for="date">Select a date:</label>
<input type="date" name="date" id="date" value="" />
</div>
以上代碼顯示了一個簡單的日期選擇器。 data-role="fieldcontain"類使其自適應屏幕。輸入類型為“date”,這將創建一個日期選擇器,其中用戶可以輕松選擇日期并在屏幕上顯示。
如果您希望在選擇日期后執行某些操作,則可以使用以下代碼:
$('#date').change(function() {
alert('New date selected: ' + $(this).val());
});
以上代碼將捕獲日期選擇器上的更改事件,并在選擇日期時將消息框彈出,以顯示所選日期的值。
總而言之,jQuery Mobile的日期控件是一種非常方便的方式,可以輕松添加日期選擇器以及相應的功能,使您的網站適用于移動設備。
下一篇用css畫直線