如何在初始屏幕工作時用XD datetimepicker顯示日曆？

我想使用XD DateTimePicker來顯示一個日曆，使用代碼作爲參考鏈接DateTimePicker jQuery plugin select date and time。標題是「Inline DateTimePicker示例」。但是，雖然每個按鈕都出現了，但日曆不起作用。如何在初始屏幕工作時用XD datetimepicker顯示日曆？

這裏是我使用的JavaScript代碼：

$(function() { 
    $('.datetimepicker3').datetimepicker({ 
    inline:true 
    } ; 
})

HTML：

<input type="text" class="datetimepicker3">

這裏是我的當前結果的圖片：

我會感謝您是否可以告訴我如何管理它。

來源

2016-12-05 Ryohei De Iwata

我們沒有足夠的信息來幫助你。提供你的HTML和你的JS。如果可以，請創建一個JSFiddle或CodePen示例。 – Fefux

歡迎來到Stack Overflow。您不必在標題中使用「Q：」前綴，在單擊「提問問題」按鈕後鍵入的所有內容都假定爲這樣。 –

我很抱歉讓你們失望。我最終用codepen表達了我目前的狀況。這是事情。 http://codepen.io/RYOHEI_1985/pen/rWdLXX –

您正在使用類而不是ID來選擇calenedar。它應該是

$('#datetimepicker3').datetimepicker({ inline:true });

一個你需要的ID在你的HTML標記包括，例如：

<html> <body> <div id="datetimepicker3"></div> </body> </html>

不要忘記的的DateTimePicker庫
之前，包括JQuery的

來源

2016-12-05 11:43:11 mattias

感謝您的快速評論。我修改我的代碼，就像你指出的那樣。但是，結果並沒有改變。不過謝謝你。 –

@RheheiDeIwata你能分享一下代碼嗎？ – mattias

我剛剛分享了我的代碼。如果可以的話，請檢查一下。謝謝。 –

它是否會產生任何差異當你把它放在一個文檔準備好？例如：

$(document).ready(function() 
{ 
$('.datetimepicker3').datetimepicker({ 
    inline:true 
    } ; 
});

我覺得你試圖在代碼準備就緒之前運行它，這意味着它不能正常工作。

正如其他人所說，正確的代碼預覽也會有所幫助。

來源

2016-12-05 11:58:35 Jaxi

感謝您的評論。我試着用你說的話。但是，它沒有奏效。所以，我最終分享了我的代碼。如果您檢查並提及它，我會很高興。謝謝。 –

我很抱歉給你們發臭。我最終用codepen表達了我目前的狀況。這是事情。

HTML：

<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.min.css"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.datetimepicker.full.min.js"></script> 
<input type="text" id="datetimepicker3"> 
<script type="text/javascript" src="xd.js"></script>

的Javascript：

jQuery('#datetimepicker3').datetimepicker({ 
format:'d.m.Y H:i', 
inline:true 
});

不能把我在這個文本區域codepen鏈接？我正在嘗試，但它不能。所以，我寫下了我的代碼目錄。

來源

2016-12-05 13:17:34

如何在初始屏幕工作時用XD datetimepicker顯示日曆？

回答

相關問題