2016-05-03 80 views
0

我試圖讓一個日期選擇器的本地化實現工作,一段時間了。我第一次試圖在我正在工作的應用程序上做,但無濟於事。所以我決定創建一個小的html頁面,並在我的本地httpd上使用它來嘗試讓它運行,並將工作代碼傳輸到我的應用程序。javascript - 如何獲取日期區域設置工作?

我複製了所有的CSS和JS文件,調整了路徑並嘗試了實現。該文件如下:

正如您所看到的,它非常簡單。我想在這裏做的是學習如何使用bootstrap-datetimepicker,所以我可以操縱我的主應用程序的數據。

問題是:如果我使用jquery-ui的符號$('#datepicker0').datepicker();它的工作原理。但如果我嘗試使用$('#datepicker0').datetimepicker();https://github.com/Eonasdan/bootstrap-datetimepicker它不。

我敢肯定這是一個非常基本的錯誤,但我現在在看這段代碼了一段時間,無法捉摸它是什麼......

有人能借給我幫助這裏?

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link rel="stylesheet" href="css/bootstrap.min.css" /> 
 
    <link rel="stylesheet" href="css/bootstrap-datetimepicker.css" /> 
 
    <link rel="stylesheet" href="css/font-awesome.min.css" /> 
 
    <link rel="stylesheet" href="css/beyond.min.css" /> 
 
    <link rel="stylesheet" href="css/demo.min.css" /> 
 
    <link rel="stylesheet" href="css/animate.min.css" /> 
 
    <link rel="stylesheet" href="css/jquery-ui.css" /> 
 

 
    <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script> 
 
    <script type="text/javascript" src="js/moment/moment.js"></script> 
 
    <script type="text/javascript" src="js/moment/moment-with-locales.js"></script> 
 
    <script type="text/javascript" src="js/moment/pt-br.js"></script> 
 
    <script type="text/javascript" src="js/bootstrap.min.js"></script> 
 
    <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script> 
 
    <script type="text/javascript" src="js/jquery-ui.js"></script> 
 

 
</head> 
 

 
<body> 
 
    <script type="text/javascript"> 
 
    $(document).ready(function() { 
 
     $('#datepicker0').datepicker(); 
 
    }); 
 
    </script> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="input-group date col-sm-3"> 
 
     <input id="datepicker0" type="text" name="executionDate" class="form-control"></input> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</body> 
 

 
</html>

+2

第一個例子不是''。 'input'是自我結束的標籤,比如'

+0

OK!這有效,但我的主要應用程序使用Thymeleaf和它(我不知道爲什麼!)對'' – gtludwig

+1

沒有好的反應嗯,我有一個** ['Demo'](https:// jsfiddle。淨/ Guruprasad_Rao/kLms9ep9 /)**在這裏爲你..它運作良好..你檢查控制檯錯誤? –

回答

0

我得到它的工作。解決方案與使用正確的文件一樣簡單。怎麼會這樣?我試圖通過右鍵點擊它並將它保存到我的電腦來下載這些庫文件。我得到的不是該文件,而是該頁面的html。我今天早上非常意外地發現了我的愚蠢,並且得到了正確的文件,通過下載該庫的zip文件,並像魔術一樣,開始工作......感謝您的見解和幫助

相關問題